*{box-sizing:border-box}html,body{color:#11162c;background:radial-gradient(circle at 10% 10%,#eaf5f7 0,#0000 35%),radial-gradient(circle at 90% 10%,#fff0e7 0,#0000 35%),#f8fafc;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.page{justify-content:center;min-height:100vh;display:flex}.hero{width:min(1180px,92%);padding:48px 20px 80px}.brand{color:#253e7f;letter-spacing:2px;align-items:center;gap:12px;font-weight:800;display:flex}.logo{color:#fff;letter-spacing:0;background:#253e7f;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.badge{color:#3991a6;background:#edf6f7;border-radius:50px;margin-top:100px;padding:9px 16px;font-size:14px;font-weight:700;display:inline-block}h1{letter-spacing:-4px;max-width:760px;margin:25px 0 15px;font-size:clamp(52px,7vw,92px);line-height:.95}.description{color:#596174;max-width:670px;font-size:21px;line-height:1.6}.actions{flex-wrap:wrap;gap:15px;margin-top:35px;display:flex}.primary,.secondary{cursor:pointer;border-radius:14px;padding:15px 23px;font-weight:700}.primary{color:#fff;background:#ed6a22;border:none}.secondary{color:#253e7f;background:#fff;border:1px solid #d7dce5}.features{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:100px;display:grid}.features article{background:#fffc;border:1px solid #e8ebf0;border-radius:24px;padding:28px;box-shadow:0 15px 50px #11162c0d}.features article span{color:#ed6a22;font-weight:800}.features h3{margin:20px 0 10px;font-size:23px}.features p{color:#697184;line-height:1.5}@media (max-width:760px){.badge{margin-top:65px}h1{letter-spacing:-2px}.features{grid-template-columns:1fr;margin-top:60px}}.loginPage{background:#f8fafc;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.loginBrand{color:#fff;background:radial-gradient(circle at 85% 15%,#3991a68c,#0000 36%),radial-gradient(circle at 20% 90%,#ed6a223d,#0000 35%),#11162c;flex-direction:column;min-height:100vh;padding:55px 70px;display:flex;position:relative;overflow:hidden}.loginBrand:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-170px;right:-230px}.brandBadge{letter-spacing:2px;z-index:1;align-items:center;gap:14px;font-weight:800;display:flex}.brandLogo{color:#fff;letter-spacing:0;background:#ed6a22;border-radius:15px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.loginMessage{z-index:1;max-width:600px;margin:auto 0}.eyebrow{color:#8bcbd6;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:25px;font-size:14px;font-weight:700;display:inline-block}.loginMessage h1{color:#fff;letter-spacing:-4px;margin:0;font-size:clamp(58px,6vw,92px);line-height:.92}.loginMessage p{color:#ccd2df;max-width:560px;margin-top:35px;font-size:19px;line-height:1.7}.brandFooter{z-index:1;color:#8d97ab;font-size:14px}.loginFormArea{background:radial-gradient(circle at 100% 0,#fff0e7,#0000 30%),#f7f9fc;place-items:center;min-height:100vh;padding:40px;display:grid}.loginCard{width:min(440px,100%)}.mobileBrand{display:none}.loginLabel{color:#ed6a22;letter-spacing:1.8px;font-size:12px;font-weight:800}.loginCard h2{letter-spacing:-1.5px;color:#11162c;margin:10px 0 8px;font-size:38px}.loginIntro{color:#737b8e;margin:0 0 38px}.loginCard form{flex-direction:column;display:flex}.loginCard label{color:#30384a;margin:0 0 8px;font-size:14px;font-weight:700}.loginCard input{background:#fff;border:1px solid #dce1e9;border-radius:13px;outline:none;width:100%;margin-bottom:22px;padding:16px 17px;font-size:16px;transition:all .2s}.loginCard input:focus{border-color:#3991a6;box-shadow:0 0 0 4px #3991a61a}.loginButton{color:#fff;cursor:pointer;background:#253e7f;border:0;border-radius:13px;width:100%;margin-top:5px;padding:16px 20px;font-weight:800;transition:all .2s}.loginButton:hover{transform:translateY(-1px)}.loginButton:disabled{opacity:.65;cursor:wait}.loginError{color:#a43326;background:#fff0ee;border-radius:10px;margin:-5px 0 18px;padding:12px 14px;font-size:14px}.forgotButton{color:#3991a6;cursor:pointer;background:0 0;border:0;width:100%;margin-top:20px;font-weight:700}.secureMessage{text-align:center;color:#8c94a4;margin-top:45px;font-size:12px}@media (max-width:850px){.loginPage{grid-template-columns:1fr}.loginBrand{display:none}.loginFormArea{padding:28px}.mobileBrand{color:#253e7f;letter-spacing:1.5px;align-items:center;gap:12px;margin-bottom:60px;display:flex}}.dashboardPage{background:#f6f8fb;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.dashboardSidebar{color:#fff;background:#11162c;flex-direction:column;min-height:100vh;padding:32px 22px;display:flex}.dashboardBrand{letter-spacing:1.5px;align-items:center;gap:12px;padding:0 8px;display:flex}.dashboardSidebar nav{flex-direction:column;gap:8px;margin-top:65px;display:flex}.dashboardSidebar nav button,.logoutButton{text-align:left;color:#aeb6c8;cursor:pointer;background:0 0;border:0;border-radius:11px;width:100%;padding:13px 16px}.dashboardSidebar nav button:hover{color:#fff;background:#ffffff0f}.dashboardSidebar nav .navActive{color:#fff;background:#3991a62b}.logoutButton{margin-top:auto}.dashboardContent{padding:48px 55px}.dashboardHeader{justify-content:space-between;align-items:center;gap:30px;display:flex}.dashboardLabel{color:#ed6a22;letter-spacing:1.6px;font-size:12px;font-weight:800}.dashboardHeader h1{letter-spacing:-2px;margin:7px 0 5px;font-size:42px}.dashboardHeader p{color:#788093;margin:0}.userPill{background:#fff;border:1px solid #e7eaf0;border-radius:50px;align-items:center;gap:12px;padding:9px 14px 9px 9px;display:flex}.userPill>span{color:#fff;background:#253e7f;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.userPill div{flex-direction:column;display:flex}.userPill small{color:#8c94a4;margin-top:2px;font-size:10px}.metricsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:45px;display:grid}.metricsGrid article{background:#fff;border:1px solid #e7eaf0;border-radius:18px;padding:24px}.metricsGrid article span{color:#71798a;font-size:13px;display:block}.metricsGrid article strong{color:#11162c;margin:8px 0 6px;font-size:34px;display:block}.metricsGrid article small{color:#9aa1af}.dashboardWelcome{color:#fff;background:radial-gradient(circle at 85% 20%,#3991a659,#0000 36%),#253e7f;border-radius:25px;grid-template-columns:1fr .75fr;align-items:center;min-height:340px;margin-top:25px;padding:45px;display:grid;position:relative;overflow:hidden}.dashboardWelcomeContent{z-index:2;position:relative}.dashboardWelcomeContent>span{color:#ffab79;letter-spacing:1.6px;font-size:12px;font-weight:800}.dashboardWelcome h2{color:#fff;letter-spacing:-1.5px;max-width:560px;margin:12px 0;font-size:38px}.dashboardWelcome p{color:#d7dced;max-width:550px;line-height:1.65}.dashboardWelcome button{color:#fff;cursor:pointer;background:#ed6a22;border:0;border-radius:12px;margin-top:14px;padding:14px 20px;font-weight:800}.dashboardIllustration{place-items:center;display:grid}.aiOrb{background:radial-gradient(circle at 30% 30%,#73c6d7,#253e7f 70%);border:1px solid #ffffff47;border-radius:50%;place-items:center;width:190px;height:190px;font-size:52px;font-weight:900;display:grid;box-shadow:0 0 80px #3991a673}.dashboardLoading{color:#253e7f;place-items:center;min-height:100vh;font-weight:800;display:grid}@media (max-width:1050px){.metricsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.dashboardPage{grid-template-columns:1fr}.dashboardSidebar{display:none}.dashboardContent{padding:28px 20px}.dashboardHeader{align-items:flex-start}.userPill div{display:none}.metricsGrid{grid-template-columns:repeat(2,1fr)}.dashboardWelcome{grid-template-columns:1fr}.dashboardIllustration{display:none}}