:root{--navy:#071a3a;--blue:#2576ef;--teal:#13bdb3;--text:#0b1f43;--muted:#5d6f8f;--line:#dce5f1;--bg:#f6f9fd;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}
a{color:inherit}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{height:54px;width:auto}.brand-copy strong{font-size:23px}.brand-copy span{display:block;color:var(--muted);font-size:12px}
.nav{display:flex;align-items:center;gap:20px}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;text-decoration:none}
.btn.primary{color:#fff;border-color:transparent;background:linear-gradient(90deg,var(--teal),var(--blue))}
.shell{max-width:1180px;margin:0 auto;padding:56px 28px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;min-height:600px}
h1{font-size:58px;line-height:1.03;margin:0 0 22px;letter-spacing:-2px}.accent{color:var(--teal)}
.lead{font-size:22px;line-height:1.5;color:var(--muted);max-width:680px}.actions{display:flex;gap:14px;margin-top:28px}
.hero-card{background:linear-gradient(145deg,#071a3a,#0c3464);border-radius:30px;padding:42px;color:#fff;min-height:420px;display:flex;align-items:center;justify-content:center}
.hero-card img{width:100%;max-width:520px;border-radius:18px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.feature{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.feature b{display:block;margin-bottom:4px}.feature span{color:var(--muted);font-size:14px}
.auth-wrap{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:30px}.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}
.auth-card h1{font-size:32px;letter-spacing:-1px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.tabs button{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:700}.tabs button.active{background:#e8f2ff;border-color:#86b8ff}
label{display:block;font-size:13px;font-weight:700;margin:14px 0 6px}input,select{width:100%;padding:12px;border:1px solid #cdd8e7;border-radius:10px;font-size:16px}.message{margin-top:15px;padding:10px;border-radius:9px;background:#edf4ff;color:#173a69;display:none}.message.error{background:#fff0f2;color:#8c1930}.small{font-size:13px;color:var(--muted);line-height:1.5}
@media(max-width:800px){.hero{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.nav .hide-mobile{display:none}h1{font-size:42px}.topbar{padding:0 16px}.shell{padding:34px 18px}}