:root{color-scheme:dark;--bg-primary:#05070f;--bg-surface:rgba(12,16,28,0.82);--bg-surface-emphasis:rgba(16,21,36,0.88);--accent:#5ef2d4;--accent-strong:#3ef7c1;--text-primary:#f4f6ff;--text-secondary:#c7cbe4;--text-muted:#8a91b3;--border-subtle:rgba(94,106,140,0.35);--shadow-soft:0 24px 55px -28px rgba(14,18,40,0.72);font-family:Inter,SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(at 20% 20%,rgba(94,234,212,.16),transparent 45%),radial-gradient(at 80% 0,rgba(58,147,255,.18),transparent 55%),linear-gradient(185deg,#05070f,#080b16 45%,#0a0f1b);color:var(--text-primary);line-height:1.6}body{margin:0}h1,h2,h3{color:var(--text-primary);font-weight:600;margin-bottom:.75rem}p{color:var(--text-secondary);margin:0 0 1.4rem}a{color:var(--accent);text-decoration:none;transition:color .2s ease,opacity .2s ease}a:hover{color:#54f4b7}form{display:flex;flex-direction:column;gap:1.4rem}label span{color:var(--text-muted);font-size:.9rem;letter-spacing:.01em}input{width:100%;padding:.9rem 1rem;border-radius:14px;border:1px solid transparent;background-color:rgba(14,18,34,.92);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:rgba(61,227,165,.55);box-shadow:0 0 0 3px var(--accent-soft)}button{font:inherit;cursor:pointer}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.8rem;border-radius:999px;border:1px solid rgba(94,234,212,.35);background:rgba(11,16,32,.9);color:var(--text-primary);font-size:.95rem;font-weight:600;letter-spacing:.01em;text-decoration:none;box-shadow:0 18px 45px -28px rgba(94,234,212,.55);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.btn:hover,button:hover{transform:translateY(-2px);border-color:rgba(94,234,212,.55);box-shadow:0 22px 55px -25px rgba(94,234,212,.65)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.btn-primary{border-color:transparent;background:linear-gradient(135deg,#3ef0ba,#3edcb5 45%,#63d3ff);color:#041015;box-shadow:0 22px 55px -25px rgba(76,201,240,.5)}.btn-primary:hover{background:linear-gradient(135deg,#45f3c1,#43e6b6 40%,#74ddff);color:#020a06}.btn-outline{background:transparent;border-color:rgba(148,163,184,.4);color:var(--text-primary)}.btn-outline:hover{border-color:rgba(94,234,212,.6);color:#5ef2d4;background:rgba(12,19,32,.75)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:#5ef2d4;border-color:rgba(94,234,212,.45);background:rgba(6,12,22,.55)}.btn-full{width:100%}.section-shell{border-radius:28px;border:1px solid rgba(120,140,180,.35);background:linear-gradient(160deg,rgba(11,16,32,.92),rgba(7,10,24,.88)),radial-gradient(at 20% -10%,rgba(94,234,212,.22),transparent 50%);padding:clamp(2rem,6vw,3.5rem);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.section-shell--accent{border-color:rgba(94,234,212,.45);background:linear-gradient(160deg,rgba(15,24,38,.92),rgba(11,19,34,.82)),radial-gradient(at 75% -15%,rgba(94,234,212,.25),transparent 55%)}.section-shell+.section-shell{margin-top:clamp(2.5rem,8vw,4rem)}.card-grid{display:grid;grid-gap:clamp(1.25rem,3vw,1.85rem);gap:clamp(1.25rem,3vw,1.85rem)}.card{border-radius:22px;border:1px solid rgba(116,136,170,.35);background:linear-gradient(160deg,rgba(13,18,30,.92),rgba(10,14,24,.85)),radial-gradient(at 80% -10%,rgba(94,234,212,.22),transparent 60%);padding:clamp(1.5rem,4vw,2.25rem);box-shadow:0 22px 55px -32px rgba(12,16,32,.75);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);border-color:rgba(94,234,212,.45);box-shadow:0 28px 65px -28px rgba(94,234,212,.45)}.card--emphasis{border-color:rgba(94,234,212,.4);background:linear-gradient(165deg,rgba(13,20,32,.95),rgba(7,11,24,.85)),radial-gradient(at 12% -10%,rgba(94,234,212,.26),transparent 60%)}.card h2,.card h3{margin-top:0;margin-bottom:.75rem}.surface-muted{border-radius:18px;border:1px solid rgba(120,140,180,.35);background:rgba(9,13,24,.72);padding:clamp(1.25rem,3vw,2rem)}button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.65;transform:none;box-shadow:none}.subtle{color:var(--text-muted);font-size:.9rem}.danger{color:#ff7b93}@media (max-width:720px){body{padding:2.5rem 1rem}main{padding:2.5rem 1.75rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-2{gap:.5rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-md{max-width:420px}.max-w-xl{max-width:560px}.bg-slate-950{background-color:rgba(5,7,15,.8)}.bg-slate-900{background-color:rgba(10,13,24,.92)}.bg-emerald-500{background:radial-gradient(circle at 35% 0,#54f4b7,#19a368)}.text-center{text-align:center}.text-slate-100{color:var(--text-primary)}.text-slate-300{color:var(--text-secondary)}.text-slate-400{color:var(--text-muted)}.text-slate-950{color:var(--bg-primary)}.text-emerald-300{color:#86f5cf}.text-emerald-200{color:#b7f9e1}.text-rose-400{color:#ff7b93}.text-2xl{font-size:clamp(1.5rem,2vw,1.75rem)}.text-3xl{font-size:clamp(2rem,4vw,2.75rem)}.text-sm{font-size:.9rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.rounded-md{border-radius:14px}.rounded-lg{border-radius:20px}.border{border:1px solid var(--border-soft)}.border-slate-300{border-color:rgba(135,146,195,.35)}.border-slate-700{border-color:rgba(64,76,116,.55)}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.8rem;padding-bottom:.8rem}.p-8{padding:2rem}.mt-6{margin-top:1.5rem}.shadow-lg{box-shadow:var(--shadow-soft)}.shadow-slate-800\/40{box-shadow:0 18px 48px rgba(8,14,35,.4)}.transition{transition:all .2s ease}.hover\:bg-emerald-400:hover{background:radial-gradient(circle at 35% 0,#66f7c4,#1cbf7d)}.hover\:border-emerald-400:hover{border-color:rgba(61,227,165,.6)}.hover\:text-emerald-200:hover{color:#b7f9e1}.focus\:border-emerald-400:focus{border-color:rgba(61,227,165,.55)}.focus\:outline-none:focus{outline:none}.disabled\:opacity-70:disabled{opacity:.7}