header{background:linear-gradient(120deg, var(--color-accent), var(--color-accent-dark));color:#fff;text-align:center;padding:20px}main{flex:1;max-width:960px;margin:0 auto;padding:40px 20px}section{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:24px;padding:24px;box-shadow:0 10px 25px #0f172a14}section h2{color:var(--color-accent);margin-top:0}footer{text-align:center;background:var(--color-footer-bg);padding:24px;font-size:.9rem;position:sticky;top:100vh}.coming-soon-container{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;height:100dvh;padding:clamp(24px,5vw,60px);display:flex;overflow:hidden}.coming-soon-badge{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);letter-spacing:.15em;text-transform:uppercase;border-radius:999px;margin-bottom:24px;padding:6px 14px;font-size:.75rem;font-weight:600}.coming-soon-container h1{margin:0 0 16px;font-size:clamp(1.8rem,5vw,4rem);font-weight:800;line-height:1.1}.coming-soon-container p{color:var(--color-text-muted);max-width:520px;margin:0 0 40px;font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.6}@media (width>=480px){.coming-soon-form{flex-direction:row;width:auto}.coming-soon-form input{width:240px}.coming-soon-form button{width:auto}}.notfound-container{flex-direction:column;justify-content:center;align-items:flex-start;height:100dvh;padding:clamp(24px,5vw,60px);display:flex;overflow:hidden}.notfound-code{color:var(--color-accent);margin:0 0 8px;font-size:clamp(4rem,15vw,10rem);font-weight:800;line-height:1}.notfound-badge{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);letter-spacing:.15em;text-transform:uppercase;border-radius:999px;margin-bottom:24px;padding:6px 14px;font-size:.75rem;font-weight:600}.notfound-title{margin:0 0 12px;font-size:clamp(1.2rem,3vw,2rem);font-weight:700}.notfound-subtitle{color:var(--color-text-muted);max-width:480px;margin:0 0 40px;font-size:clamp(.85rem,2vw,1rem);line-height:1.6}.notfound-buttons{gap:12px;display:flex}.notfound-btn-primary{border-radius:var(--border-radius);background:var(--color-accent);color:#fff;cursor:pointer;border:none;padding:10px 24px;font-size:1rem;font-weight:600;transition:opacity .2s}.notfound-btn-primary:hover{opacity:.85}.notfound-btn-secondary{border-radius:var(--border-radius);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;padding:10px 24px;font-size:1rem;font-weight:600;transition:border-color .2s}.notfound-btn-secondary:hover{border-color:var(--color-text-muted)}:root{--color-bg:#0a0f1a;--color-surface:#111827;--color-border:#1e2a3a;--color-text:#fff;--color-text-muted:#a0aec0;--color-accent:#1a73e8;--color-accent-dark:#0d47a1;--color-footer-bg:#111;--font-family:"Segoe UI", Roboto, sans-serif;--border-radius:8px}*{box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);margin:0}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}