*{box-sizing:border-box}body{margin:0;background:#050a10;color:#f5f7fb;font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;background-image:radial-gradient(circle at 80% 10%,#14243c 0,transparent 32%),radial-gradient(circle at 15% 50%,#1c0b18 0,transparent 28%)}button,a{font:inherit}.nav{height:82px;display:flex;align-items:center;padding:0 6vw;border-bottom:1px solid #ffffff12;gap:42px;position:relative;z-index:2}.logo{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;letter-spacing:2px;font-size:20px}.logo span,.auth-brand{color:#ff315d}.nav nav{display:flex;gap:28px;flex:1}.nav nav a{color:#9eabb9;text-decoration:none;font-size:14px}.nav-actions,.actions{display:flex;gap:12px}.primary,.ghost{border:0;border-radius:10px;padding:12px 18px;cursor:pointer;color:white}.primary{background:linear-gradient(135deg,#ff315d,#ff5b3d);box-shadow:0 8px 30px #ff315d33}.ghost{background:#ffffff08;border:1px solid #ffffff1c}.hero{padding:11vh 8vw 9vh;max-width:1050px}.eyebrow{color:#ff4166;font-weight:800;letter-spacing:3px;font-size:12px}.hero h1{font-size:clamp(58px,8vw,118px);line-height:.83;letter-spacing:-6px;margin:25px 0}.hero h1 em{font-style:normal;color:#ff315d}.hero p{max-width:650px;color:#aab5c2;font-size:19px;line-height:1.6}.big{padding:16px 24px;margin-top:18px}.status{margin-top:42px;color:#758494;font-size:12px;letter-spacing:2px}.status i{display:inline-block;width:8px;height:8px;background:#34dc8b;border-radius:50%;margin-right:8px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 6vw 70px}.features article{background:#0c131d;border:1px solid #ffffff10;border-radius:18px;padding:28px;min-height:190px}.features span{color:#ff315d;font-weight:800}.features h2{font-size:19px}.features p{color:#8997a6;line-height:1.6}.modal{position:fixed;inset:0;background:#02060bd9;display:none;place-items:center;z-index:10;padding:20px}.modal.open{display:grid}.modal-card{width:min(460px,100%);background:#0b121b;border:1px solid #ffffff18;border-radius:20px;padding:30px;position:relative;box-shadow:0 30px 100px #000}.close{position:absolute;right:18px;top:14px;background:none;border:0;color:#8997a6;font-size:28px;cursor:pointer}.auth-brand{letter-spacing:2px;margin-bottom:24px}.tabs{display:flex;border-bottom:1px solid #ffffff12;margin-bottom:25px}.tabs button{flex:1;background:none;border:0;color:#7f8b99;padding:12px;cursor:pointer;font-weight:800}.tabs button.active{color:#fff;border-bottom:2px solid #ff315d}form h2{margin:0 0 6px;font-size:28px}form p{color:#7f8b99;margin:0 0 24px}label{display:block;color:#aeb8c4;font-size:13px;margin:14px 0}input{display:block;width:100%;margin-top:7px;background:#060b11;border:1px solid #263241;color:white;border-radius:10px;padding:14px;outline:none}input:focus{border-color:#ff315d}.submit{width:100%;margin-top:12px;padding:15px;font-weight:800}#authMessage{min-height:22px;margin-top:14px;font-size:13px;color:#ff6b82}.ok{color:#43dc91!important}@media(max-width:800px){.nav nav{display:none}.nav{padding:0 20px}.nav-actions{margin-left:auto}.features{grid-template-columns:1fr}.hero{padding:70px 25px}.hero h1{letter-spacing:-3px}.nav-actions .ghost{display:none}}

.theme-public{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff1c;background:#ffffff08;color:inherit;cursor:pointer;font-size:17px}
html[data-theme="light"] body{background:#f3f6fa;color:#182331;background-image:radial-gradient(circle at 80% 10%,#dce8f7 0,transparent 32%),radial-gradient(circle at 15% 50%,#f5e3e8 0,transparent 28%)}
html[data-theme="light"] .nav{border-color:#dce4ed}html[data-theme="light"] .logo{color:#182331}html[data-theme="light"] .nav nav a{color:#637487}html[data-theme="light"] .theme-public,html[data-theme="light"] .ghost{background:#fff;border-color:#d5dee8;color:#273747}
html[data-theme="light"] .hero p{color:#5e7082}html[data-theme="light"] .status{color:#66788a}html[data-theme="light"] .features article{background:#fff;border-color:#dbe3ec;box-shadow:0 14px 35px rgba(40,61,83,.07)}html[data-theme="light"] .features p{color:#66788a}
html[data-theme="light"] .modal{background:#dbe4eecc}html[data-theme="light"] .modal-card{background:#fff;border-color:#d5dfe9;box-shadow:0 30px 90px rgba(34,52,70,.2)}html[data-theme="light"] .tabs{border-color:#dbe3ec}html[data-theme="light"] .tabs button{color:#738294}html[data-theme="light"] .tabs button.active{color:#1b2835}html[data-theme="light"] form p,html[data-theme="light"] label{color:#68798a}html[data-theme="light"] input{background:#f8fafc;border-color:#ccd7e2;color:#1c2a38}