@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap";.app{flex-direction:column;min-height:100vh;display:flex}.header{z-index:40;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;position:fixed;top:0;left:0;right:0}.header:not(.on-home){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090806d1;border-bottom:1px solid #ff8a3d1a}.header.on-home{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.header.on-home.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0908068c}.header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;max-width:1300px;height:68px;margin:0 auto;padding:0 3vw;display:grid}.logo{align-items:center;gap:9px;text-decoration:none;display:flex}.logo-icon{background:repeating-linear-gradient(0deg,#00000014 0 8px,#0000 8px 9px),repeating-linear-gradient(90deg,#00000014 0 8px,#0000 8px 9px),linear-gradient(#6ab94f 0 45%,#7d5535 45% 100%);border:1px solid #ffc4924d;border-radius:5px;width:28px;height:28px}.logo-text{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:#ede6dc;font-size:.78rem;font-weight:700}.nav{justify-content:center;align-items:center;gap:2.4rem;display:flex}.nav-right{justify-content:flex-end;align-items:center;gap:1.2rem;display:flex}.nav-mono{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#ede6dc73;font-size:.64rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-mono:hover,.nav-mono.router-link-active{color:#ede6dc}.nav-sep{color:#ede6dc33;font-size:.7rem}.nav-user{font-family:var(--font-mono);letter-spacing:.12em;color:#ede6dc61;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.64rem;overflow:hidden}.nav-cta{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#090806;cursor:pointer;background:#ff8a3d;border:none;border-radius:100px;padding:8px 18px;font-size:.62rem;font-weight:700;text-decoration:none;transition:filter .2s,transform .18s}.nav-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.nav-exit{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#ede6dc61;cursor:pointer;background:0 0;border:none;padding:0;font-size:.62rem;transition:color .2s}.nav-exit:hover{color:#ff8a3d}.main{flex:1;width:100%;max-width:1140px;margin:0 auto;padding:5.8rem 1.4rem 2rem;animation:.5s rise-in}.main-home{max-width:none;padding:0;animation:none}.footer{border-top:1px solid var(--line);text-align:center;color:var(--text-soft);letter-spacing:.02em;padding:1.2rem;font-size:.8rem}.footer a{color:var(--brand)}@media (width<=700px){.header-inner{grid-template-columns:auto 1fr;padding:0 1.1rem}.nav,.nav-user{display:none}.main{padding:5rem .95rem 1.5rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#090806;--bg-soft:#121009;--panel:#140f0ce0;--panel-strong:#1c140ff5;--line:#ff8a3d2e;--line-strong:#ff8a3d57;--text-main:#ede6dc;--text-soft:#8a7f72;--brand:#ff8a3d;--brand-deep:#cc5a00;--accent:#9f6aff;--danger:#ff6b6b;--radius:14px;--shadow-panel:0 24px 60px #00000059;--font-display:"Space Grotesk", sans-serif;--font-mono:"IBM Plex Mono", monospace}html,body{background:var(--bg-base);min-height:100%;color:var(--text-main);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-size:15px;line-height:1.6}body{background-image:radial-gradient(circle at 13% 14%,#ff8a3d2e,#0000 34%),radial-gradient(circle at 86% 10%,#9f6aff1a,#0000 32%),radial-gradient(circle at 50% 100%,#ff783214,#0000 40%),linear-gradient(#090806 0%,#0d0a06 50%,#090806 100%);background-attachment:fixed}a{color:inherit;text-decoration:none}#app{min-height:100vh}.card{background:linear-gradient(160deg, var(--panel), #120d09b8);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ff8a3d3d,#c8641e1f) border-box;border:1px solid #0000;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.form-group{flex-direction:column;gap:8px;margin-bottom:1.15rem;display:flex}.form-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.82rem}.form-input{border:1px solid var(--line);color:var(--text-main);background:#0a0d0c73;border-radius:10px;padding:11px 13px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,transform .2s}.form-input:focus{border-color:var(--brand);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #ff8a3d2e}.form-input.error{border-color:var(--danger)}.form-error{color:#ff9d9d;font-size:.78rem}.btn-primary{background:linear-gradient(130deg, var(--brand) 0%, var(--brand-deep) 100%);color:#1a0a00;width:100%;font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;border:0;border-radius:11px;padding:11px 16px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s}.btn-primary:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-2px);box-shadow:0 10px 26px #ff8a3d47}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.alert{border-radius:10px;margin-bottom:1rem;padding:12px 14px;font-size:.87rem}.alert-error{color:#ffd8d8;background:#ff6b6b1a;border:1px solid #ff6b6b73}.text-center{text-align:center}.text-muted{color:var(--text-soft)}.link{color:var(--brand)}.link:hover{color:#ffb87a}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.card{padding:1.4rem}}
