:root{--bg:#020611;--panel:rgba(7,18,38,.78);--border:rgba(82,195,255,.22);--text:#eef7ff;--muted:#9fb7cc;--accent:#00b9ff;--accent2:#0a63ff}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(0,185,255,.18),transparent 32rem),radial-gradient(circle at 80% 80%,rgba(10,99,255,.18),transparent 34rem),linear-gradient(135deg,#020611 0%,#061329 55%,#020611 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,#000,transparent 76%)}.page{min-height:100vh;display:grid;place-items:center;padding:clamp(24px,6vw,72px)}.card{width:min(980px,100%);border:1px solid var(--border);border-radius:28px;padding:clamp(28px,5vw,58px);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),var(--panel);box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 70px rgba(0,185,255,.22);backdrop-filter:blur(18px);position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -20% -45% -20%;height:260px;background:radial-gradient(circle,rgba(0,185,255,.22),transparent 68%);pointer-events:none}.logo{display:block;width:min(340px,78vw);height:auto;margin:0 0 clamp(26px,4vw,42px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:800;margin-bottom:18px}.eyebrow:before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}h1{margin:0;max-width:780px;font-size:clamp(2.35rem,7vw,5.2rem);line-height:.94;letter-spacing:-.055em}.error-code{margin:0 0 18px;font-size:clamp(4.5rem,17vw,9rem);line-height:.85;letter-spacing:-.08em;color:var(--text);text-shadow:0 0 42px rgba(0,185,255,.28)}.error-code span{color:var(--accent)}.lead{max-width:690px;margin:clamp(20px,4vw,30px) 0 0;color:var(--muted);font-size:clamp(1.05rem,2.5vw,1.25rem);line-height:1.65}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,5vw,44px)}.badge{display:inline-flex;align-items:center;min-height:42px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#cfe8ff;background:rgba(255,255,255,.055);font-size:.92rem}.actions{margin-top:clamp(28px,5vw,46px)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;color:#fff;text-decoration:none;font-weight:800;border:1px solid rgba(0,185,255,.58);background:linear-gradient(135deg,rgba(0,185,255,.35),rgba(10,99,255,.78));box-shadow:0 0 28px rgba(0,185,255,.20);transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 0 36px rgba(0,185,255,.35)}.footer{margin-top:clamp(28px,5vw,46px);color:rgba(238,247,255,.44);font-size:.92rem}@media(max-width:640px){.card{border-radius:22px}.logo{width:min(270px,74vw)}.meta{flex-direction:column}.badge{width:100%}}