.er-page{background:#f8fafc;min-height:100vh;padding:80px 0;position:relative;overflow:hidden}.er-page .container{max-width:1240px;padding:0 50px}.er-card{background:#ffffffd6;border:1px solid #d8d8d8f2;border-radius:24px;align-items:center;gap:90px;padding:50px 70px;display:flex;box-shadow:0 28px 80px #0f172a17}.er-left{text-align:center;align-content:center;min-width:320px}.er-error-code{letter-spacing:0;background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(110px,18vw,150px);font-weight:800;line-height:.9;animation:4s infinite pulse404;font-family:var(--font-fira-sans)!important}.er-badge{border:1px solid var(--primary-color);width:fit-content;color:var(--primary-color);background:#1e3a8a14;border-radius:50px;justify-content:center;align-items:center;margin-top:30px;padding:9px 24px;font-family:poppins;font-size:18px;font-weight:500;display:inline-flex}.er-right{flex:1}.er-title{color:#16244a;margin-bottom:20px;font-family:poppins;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.4}.er-description{color:var(--text-gray);font-size:16px;line-height:1.9;font-family:var(--font-inter);margin-bottom:18px}.er-description-small{margin-bottom:35px}.er-actions{flex-wrap:wrap;gap:24px;margin-bottom:40px;display:flex}.er-btn{letter-spacing:1px;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:11px 30px;font-family:poppins;font-size:17px;font-weight:500;text-decoration:none;transition:all .35s;display:inline-flex}.er-btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary-color), var(--accent-color));border:none}.er-btn-primary:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1e3a8a1a}.er-btn-secondary{border:1px solid var(--primary-color);color:var(--primary-color);background:#1e3a8a14}.er-btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-4px)}.er-debug{background:#fff7f7;border:1px solid #dc354526;border-radius:10px;margin-bottom:35px;overflow:hidden}.er-debug summary{cursor:pointer;color:#b91c1c;padding:16px 22px;font-family:poppins;font-weight:500}.er-debug pre{color:#b91c1c;white-space:pre-wrap;background:#fff;margin:0;padding:16px 22px;font-family:monospace;font-size:16px;font-weight:400;overflow-x:auto}.er-help-box{background:#1e3a8a0a;border:1px solid #1e3a8a1a;border-radius:18px;align-items:flex-start;gap:20px;padding:24px;display:flex}.er-help-icon{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;min-width:52px;height:52px;font-size:28px;font-weight:600;font-family:var(--font-inter);border-radius:50%;justify-content:center;align-items:center;display:flex}.er-help-box h5{color:#16244a;margin-bottom:10px;font-family:poppins;font-size:22px;font-weight:600}.er-help-box p{color:var(--text-gray);font-size:15px;line-height:1.7;font-family:var(--font-inter);margin:0}@keyframes pulseRing{0%{opacity:.3;transform:scale(.8)}50%{opacity:.6;transform:scale(1.15)}to{opacity:.3;transform:scale(.8)}}@keyframes pulse404{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@media (max-width:991px){.er-card{text-align:center;flex-direction:column;gap:40px;padding:45px 35px}.er-left{min-width:auto}.er-actions{justify-content:center}.er-help-box{text-align:left}}@media (max-width:576px){.er-page{padding:50px 0}.er-page .container{padding:0 20px}.er-card{border-radius:20px;padding:30px 22px}.er-icon{width:110px;height:110px;font-size:55px}.er-icon-ring{width:145px;height:145px}.er-badge{font-size:16px}.er-title{font-size:36px}.er-description{font-size:16px}.er-btn{width:100%}.er-help-box{text-align:center;flex-direction:column;align-items:center}}