:root{--bg1: #140707;--bg2: #0a0303;--accent: #fc7d7d;--text: #e6eaf2;--muted: #a7b0c0;--blur-amount: 8px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;width:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;color:var(--text);background:#000}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;perspective:1200px;width:100%;height:100%;padding:20px}.card{width:min(90vw,520px);min-height:320px;padding:28px 28px 24px;border-radius:20px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff0a inset;transform-style:preserve-3d;transition:transform .1s;will-change:transform;position:relative}.card h1{margin:0 0 6px;font-size:clamp(24px,3.4vw,34px);line-height:1.2}.card .subtitle{margin:0 0 12px;color:var(--muted);font-size:clamp(14px,2.2vw,16px)}.card p{margin:0 0 14px;color:#d8dee9}.btn-link{display:inline-flex;align-items:center;gap:8px;padding:10px 25px;border-radius:12px;background:#fc7d7d0d;color:#e2f3ff;text-decoration:none;border:1px solid var(--accent);transition:.2s ease;cursor:pointer;font-size:1rem}.btn-link:hover{transform:translateY(-2px);background:#fc7d7d4d}