*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--bg-2:#1e293b;--bg-3:#273449;--border:#334155;--border-hi:#475569;--text:#e2e8f0;--text-mute:#94a3b8;--text-dim:#64748b;--accent:#a78bfa;--accent-2:#8b5cf6;--accent-3:#7c3aed;--gradient:linear-gradient(135deg, #38bdf8, #818cf8, #c084fc);--success:#34d399;--warn:#fbbf24;--danger:#f87171;--radius:10px;--shadow:0 10px 30px -10px #00000080;--max:1120px}html,body,#root{min-height:100vh}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{color:#c4b5fd}h1,h2,h3,h4{color:#f1f5f9;font-weight:700;line-height:1.25}h1{letter-spacing:-.01em;font-size:2.2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.app{flex-direction:column;min-height:100vh;display:flex}.nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172aeb;position:sticky;top:0}.nav-inner{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:.9rem 1.5rem;display:flex}.brand{letter-spacing:-.02em;background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}.nav-links{flex-wrap:wrap;gap:1.1rem;display:flex}.nav-links a{color:var(--text-mute);border-bottom:2px solid #0000;padding:.3rem .1rem;font-size:.95rem;font-weight:500;transition:color .15s,border-color .15s}.nav-links a:hover,.nav-links a.active{color:var(--text);border-bottom-color:var(--accent)}main{max-width:var(--max);flex:1;width:100%;margin:0 auto;padding:2.5rem 1.5rem 4rem}.hero{text-align:center;padding:2rem 0 3rem}.hero h1{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem}.hero .sub{color:var(--text-mute);max-width:720px;margin:0 auto 1.5rem;font-size:1.2rem}.hero .cta{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.5rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;padding:.7rem 1.3rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .1s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--accent-2);color:#fff;box-shadow:0 4px 12px -4px #8b5cf680}.btn-primary:hover{background:var(--accent-3);color:#fff;transform:translateY(-1px)}.btn-secondary{background:var(--bg-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-3);border-color:var(--border-hi);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;gap:.6rem;padding:1.3rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.card:hover{border-color:var(--accent);box-shadow:var(--shadow);color:inherit;transform:translateY(-3px)}.card .title{color:#f1f5f9;font-size:1.1rem;font-weight:700}.card .desc{color:var(--text-mute);flex:1;font-size:.92rem;line-height:1.5}.card .tag{color:var(--accent);letter-spacing:.03em;text-transform:uppercase;background:#a78bfa26;border-radius:999px;align-self:flex-start;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.section-title{color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);margin:2rem 0 .75rem;padding-bottom:.4rem;font-size:.9rem;font-weight:700}.section-title:first-child{margin-top:0}.chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.chip{background:var(--bg-2);border:1px solid var(--border);color:var(--text-mute);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:500}.chip:hover{border-color:var(--border-hi);color:var(--text)}.chip.active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.search{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);margin-bottom:1rem;padding:.7rem 1rem;font-size:1rem}.search:focus{border-color:var(--accent);outline:none}.search::placeholder{color:var(--text-dim)}.form{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem;padding:1.8rem;display:grid}.field{flex-direction:column;gap:.35rem;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--text);font-size:.88rem;font-weight:600}.field .req{color:var(--danger)}.field .help{color:var(--text-dim);margin-top:.1rem;font-size:.8rem}.field input,.field textarea,.field select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.65rem .8rem;font-family:inherit;font-size:.95rem}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical;min-height:80px}.form-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:.8rem;margin-top:.5rem;display:flex}.doc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.3rem;display:flex}.doc-head .meta{flex-wrap:wrap;gap:.4rem;display:flex}.meta-pill{background:var(--bg-3);color:var(--text-mute);border:1px solid var(--border);border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:500}.doc-intro{background:var(--bg-2);border-left:3px solid var(--accent);color:var(--text-mute);border-radius:6px;margin-bottom:1.3rem;padding:.9rem 1.2rem}.timeline-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.timeline-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;position:relative}.timeline-card:before{content:"";background:var(--accent);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.timeline-card.fed:before{background:var(--warn)}.timeline-card.state:before{background:var(--accent)}.timeline-card.ip:before{background:var(--success)}.timeline-card h3{margin-bottom:.3rem}.timeline-card .due{color:var(--warn);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.timeline-card .detail{color:var(--text-mute);font-size:.9rem;line-height:1.5}.state-select{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.state-btn{background:var(--bg-2);border:1px solid var(--border);color:var(--text-mute);cursor:pointer;text-align:left;border-radius:8px;padding:.5rem;font-size:.9rem;font-weight:500}.state-btn:hover{border-color:var(--border-hi);color:var(--text)}.state-btn.active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.step{background:var(--bg-2);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);margin-bottom:.8rem;padding:1.2rem}.step h3{margin-bottom:.4rem}.step-num{background:var(--accent-2);color:#fff;text-align:center;border-radius:50%;width:24px;height:24px;margin-right:.5rem;font-size:.85rem;font-weight:700;line-height:24px;display:inline-block}.step p{color:var(--text-mute);font-size:.95rem;line-height:1.55}.step a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);padding:2rem 1.5rem;font-size:.9rem}footer a,.muted{color:var(--text-mute)}.center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.row{flex-wrap:wrap;gap:1rem;display:flex}.callout{border-radius:var(--radius);color:var(--text);background:#a78bfa14;border:1px solid #a78bfa4d;margin-bottom:1rem;padding:1rem 1.3rem}.callout strong{color:var(--accent)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2rem;display:grid}.feature{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem}.feature .icon{margin-bottom:.5rem;font-size:1.6rem}.feature h3{margin-bottom:.3rem;font-size:1.05rem}.feature p{color:var(--text-mute);font-size:.92rem;line-height:1.5}@media (width<=640px){h1{font-size:1.7rem}.hero h1{font-size:2.2rem}main{padding:1.5rem 1rem 3rem}.nav-inner{padding:.8rem 1rem}}
