:root{color-scheme:dark;--bg:#080f1d;--panel:#101e31;--panel2:#11273b;--line:#2a3b52;--ink:#edf6ff;--sub:#aec3d5;--blue:#58dcef;--deep:#177fa0;--good:#7fe1b1;--bad:#ffa2a6;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 80% 10%,#153452 0,transparent 48%),radial-gradient(ellipse at 10% 95%,#102a3d 0,transparent 48%),var(--bg)}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.frame{width:min(1050px,calc(100% - 40px));margin:auto}
.top{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #27374b;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:24px;letter-spacing:-1.1px}.brand span.accent{color:var(--blue)}
.logo{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#153e57,#0c2c43);border:1px solid #23657e}
.logo svg{width:29px;height:29px}
.top nav a{font-weight:600;font-size:14px}
main.home{display:grid;grid-template-columns:1.15fr 0.85fr;align-items:center;gap:48px;min-height:calc(100vh - 190px);padding:66px 0 84px}
.tag{display:inline-flex;gap:9px;align-items:center;color:var(--blue);font-weight:700;letter-spacing:.14em;font-size:11px;text-transform:uppercase;background:#132b3f;border:1px solid #28536d;padding:8px 12px;border-radius:999px}
.dot{width:6px;height:6px;background:var(--blue);border-radius:100%;box-shadow:0 0 12px var(--blue)}
h1{font-size:clamp(37px,5vw,70px);line-height:1.06;letter-spacing:-.054em;margin:22px 0}h1 strong{color:var(--blue)}.lede{color:#b8cbda;line-height:1.7;font-size:17px;max-width:590px}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 19px;border-radius:11px;border:1px solid #305069;color:#eaf9ff;font-size:14px;font-weight:750;cursor:pointer;background:#16293e;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn.primary{background:linear-gradient(120deg,#38bddb,#7ce6f2);border-color:transparent;color:#072234}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.visual{background:linear-gradient(145deg,#142a41,#0f1b30);border:1px solid #31435a;border-radius:22px;box-shadow:0 25px 90px #03081188;padding:24px}.visual-top{display:flex;align-items:center;gap:7px;padding-bottom:20px;border-bottom:1px solid #2d3f52}.light{height:9px;width:9px;border-radius:50%;background:#526d80}.light:nth-child(2){background:#4a7b87}.light:nth-child(3){background:#5ea7ac}.file{font-size:11px;color:#819eb4;margin-left:auto}.visual-content{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px}.panel{background:#0b1b2b;border:1px solid #24445a;padding:17px;border-radius:12px}.panel span{display:block;font-size:11px;color:#96b5c6;margin-bottom:15px}.panel strong{font-size:24px}.path{width:100%;height:170px;grid-column:span 2;border-radius:12px;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0,transparent 22px,#24405466 23px),repeating-linear-gradient(90deg,transparent 0,transparent 22px,#24405466 23px),#0b1c2b}.path svg{max-height:150px;width:78%}
footer{padding:18px 0 24px;color:#869db0;font-size:12px;border-top:1px solid #26364a;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.reset-wrap{width:min(500px,calc(100% - 32px));margin:55px auto 65px}.reset-card{border:1px solid #34445b;border-radius:19px;background:#102038;box-shadow:0 25px 75px #030c1a99;padding:34px}.reset-card h1{font-size:30px;letter-spacing:-.035em;margin:4px 0 12px}.reset-card .intro{color:var(--sub);line-height:1.65;font-size:14px;margin-bottom:24px}.status{background:#0c2a3e;border:1px solid #28516b;border-radius:11px;padding:14px 16px;line-height:1.6;color:#b9d9e7;font-size:14px;white-space:pre-line}.status.success{background:#14352d;color:var(--good);border-color:#317562}.status.error{background:#34232d;color:var(--bad);border-color:#824453}
.hidden{display:none!important}.form{margin-top:23px}label{display:block;font-weight:660;font-size:13px;margin-bottom:7px;color:#d8e8f1}.field{margin-bottom:17px}input{background:#eaf4fc;border:1px solid #b5cedd;border-radius:9px;color:#102235;padding:13px;font-size:16px;width:100%;outline:0}input:focus{box-shadow:0 0 0 3px #69d4eb66}.fine{font-size:12px;color:#93b0c3;line-height:1.6;margin-top:20px}.back{font-size:13px;color:#93b9cf;display:inline-flex;margin-top:18px}
@media(max-width:730px){main.home{grid-template-columns:1fr;min-height:0;padding:55px 0;gap:36px}.visual{max-width:550px}.top{padding:17px 0}.reset-card{padding:23px}}

.btn.full-width{width:100%}