:root{--primary:#0d6efd;--error-bg:#f8f9fa;--error-text:#212529;--error-muted:#6c757d;--error-border:#0d6efd26;--error-shadow:0 20px 60px #0d6efd14}html[data-bs-theme=dark]{--error-bg:#0f1115;--error-text:#f8f9fa;--error-muted:#adb5bd;--error-border:#0d6efd40;--error-shadow:0 20px 60px #00000059}html,body{width:100%;min-height:100%}body{background-color:var(--error-bg);color:var(--error-text);margin:0;transition:background-color .3s,color .3s}.error-page{justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex;overflow:hidden}.error-content{text-align:center;width:100%;max-width:760px;margin:0 auto;position:relative}.error-number{letter-spacing:-12px;color:#0000;-webkit-text-stroke:3px var(--primary);opacity:.12;-webkit-user-select:none;user-select:none;margin-bottom:-35px;font-size:clamp(8rem,25vw,16rem);font-weight:800;line-height:.75}.error-illustration{justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 30px;display:flex;position:relative}.tech-circle{border:1px solid var(--error-border);width:150px;height:150px;box-shadow:var(--error-shadow);background:linear-gradient(145deg,#0d6efd24,#0d6efd08);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.circle-inner{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:105px;height:105px;display:flex;box-shadow:0 12px 35px #0d6efd4d}.tech-icon{color:#fff;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:32px;display:flex}.floating-dot{background-color:var(--primary);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 5px #0d6efd14}.dot-one{top:10px;right:25px}.dot-two{width:6px;height:6px;bottom:25px;left:8px}.dot-three{width:5px;height:5px;top:55px;left:-2px}.error-label{color:var(--primary);letter-spacing:2px;background-color:#0d6efd14;border-radius:50px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.error-text h1{letter-spacing:-1px;color:var(--error-text);margin:0 0 14px;font-size:clamp(2rem,5vw,3.2rem);font-weight:700}.error-text p{max-width:540px;color:var(--error-muted);margin:0 auto;font-size:1rem;line-height:1.8}.error-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:30px;display:flex}.error-btn{border-radius:8px;min-width:165px;padding:11px 22px;font-weight:600;transition:transform .25s,box-shadow .25s}.error-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0d6efd2e}.error-btn i{margin-right:7px}.error-footer-text{color:var(--error-muted);margin-top:45px;font-size:.8rem}.error-footer-text i{color:var(--primary);margin-right:5px}@media (width<=576px){.error-page{padding:40px 18px}.error-number{letter-spacing:-7px;margin-bottom:-20px;font-size:8rem}.error-illustration{width:150px;height:150px;margin-bottom:25px}.tech-circle{width:125px;height:125px}.circle-inner{width:88px;height:88px}.tech-icon{width:55px;height:55px;font-size:26px}.error-text h1{font-size:2rem}.error-text p{font-size:.9rem;line-height:1.7}.error-actions{flex-direction:column;width:100%}.error-btn{width:100%;max-width:280px}.error-footer-text{margin-top:35px;font-size:.72rem}}