:root{--navy:#07172f;--blue:#0d63e5;--cyan:#27d3c2;--ink:#172033;--muted:#68758a;--line:#dfe5ed;--bg:#f4f7fb;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,42%) 1fr}.brand-panel{position:relative;padding:56px 64px;color:#fff;background:radial-gradient(circle at 20% 20%,#174f92 0,transparent 32%),linear-gradient(145deg,#061329 12%,#0b2850 72%,#075e78);display:flex;flex-direction:column;gap:32px;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff1c;border-radius:50%;right:-260px;bottom:-120px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff06}.brand-mark{width:52px;height:52px;border:2px solid var(--cyan);border-radius:14px;display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--cyan)}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;margin:0 0 8px;color:var(--cyan)}.eyebrow.dark{color:var(--blue)}h1{font-size:56px;line-height:.9;margin:0}.tagline{font-size:16px;color:#bfd1e8}.brand-copy{margin:auto 0;max-width:520px;z-index:1}.brand-copy h2{font-size:38px;line-height:1.12;margin:0 0 20px}.brand-copy p{color:#c7d6e8;line-height:1.7}.version{font-size:12px;color:#8eabc8;z-index:1}.content{padding:48px 7%;display:grid;place-items:center}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px #102b5312;padding:36px}.auth-card{width:min(440px,100%)}.auth-card h2{font-size:30px;margin:0 0 10px}.muted{color:var(--muted);line-height:1.5}form{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:8px;font-size:13px;font-weight:700}input{height:48px;border:1px solid #cbd4e0;border-radius:9px;padding:0 14px;font-size:16px;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0d63e51a}button{height:48px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;font-size:14px;cursor:pointer}button:hover{filter:brightness(.95)}.secondary{background:#e9eef5;color:var(--ink);padding:0 20px}.message{min-height:22px;font-size:14px;color:#b42318}.hidden{display:none!important}.dashboard{width:min(1050px,100%);align-self:start}.dashboard header{display:flex;justify-content:space-between;align-items:center}.dashboard h2{font-size:34px;margin:0}.welcome{display:flex;justify-content:space-between;margin:30px 0;padding:18px 22px;background:#eaf8f5;border:1px solid #bce9df;border-radius:12px;color:#165f54}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#1ab394;margin-right:8px}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.modules article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-height:220px}.modules article>span{color:var(--blue);font-size:12px;font-weight:800}.modules h3{font-size:20px;margin:28px 0 10px}.modules p{color:var(--muted);line-height:1.5}.modules small{font-weight:800;color:#94a0b2}.future{opacity:.65}.text-button{height:auto;background:none;color:var(--blue);padding:12px 0}.dashboard>.card{margin-top:18px}.dashboard>.card h3{margin-top:0}@media(max-width:850px){.shell{grid-template-columns:1fr}.brand-panel{min-height:280px;padding:34px}.brand-copy{display:none}h1{font-size:44px}.content{padding:30px 20px}.modules{grid-template-columns:1fr}.dashboard{align-self:auto}}