:root{--bg:#07111f;--panel:#0d2034;--text:#f7fbff;--muted:#9fb0c2;--cyan:#64d8ff;--blue:#1687e7;--line:rgba(255,255,255,.13)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(22,135,231,.2),transparent 34%),var(--bg);color:var(--text);font:16px/1.55 Roboto,Arial,sans-serif}header{height:86px;width:min(960px,calc(100% - 36px));margin:auto;display:flex;align-items:center;justify-content:space-between}header img{width:125px;filter:brightness(0) invert(1)}header a{color:var(--muted);text-decoration:none}main{width:min(720px,calc(100% - 36px));margin:50px auto 100px}main>section{padding:40px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(19,44,70,.82),rgba(7,20,35,.58));box-shadow:0 30px 90px rgba(0,0,0,.3)}.kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-size:.73rem;font-weight:800}h1{font-size:clamp(2.6rem,8vw,4.8rem);line-height:1;letter-spacing:-.05em;margin:12px 0 20px}section>p{color:var(--muted)}form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}label{display:grid;gap:7px;color:#c8d3df;font-size:.8rem;font-weight:700}input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#061321;color:white;font:inherit}button{grid-column:1/-1;border:0;border-radius:13px;background:linear-gradient(135deg,#1077d1,#2d9df5);color:white;padding:15px;font:700 1rem Roboto;cursor:pointer}article{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}article h2{font-size:2rem;margin:10px 0 4px}.badge{display:inline-block;padding:6px 10px;border-radius:99px;background:rgba(100,216,255,.12);color:var(--cyan);font-size:.75rem;font-weight:700}ol{list-style:none;padding:0;margin:28px 0}li{position:relative;padding:0 0 24px 28px;border-left:1px solid rgba(100,216,255,.35)}li:before{content:"";position:absolute;left:-6px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}li:last-child{border:0}li b,li small{display:block}li small{color:var(--muted);margin-top:3px}.help{font-size:.85rem}.help a{color:var(--cyan)}.error{padding:14px;border-radius:10px;background:rgba(255,80,80,.1);color:#ffb4b4}.loading{color:var(--cyan)}@media(max-width:600px){main>section{padding:27px}form{grid-template-columns:1fr}}