@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--blue:#1710e8;--ink:#1b1c35;--muted:#808397}*{box-sizing:border-box}body{margin:0;background:#f4f5fb;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:var(--blue)}.shell{display:grid;grid-template-columns:46% 54%;width:min(1020px,calc(100% - 40px));min-height:620px;margin:6vh auto;background:white;border-radius:24px;overflow:hidden;box-shadow:0 20px 65px #13145418}.hero{background:linear-gradient(150deg,#231df5,#1710e8 48%,#090b65);color:white;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.logo{font-weight:800;font-size:48px;letter-spacing:-4px;line-height:1}.logo span{display:block;font-size:9px;letter-spacing:1.6px;margin-top:12px}.hero-copy small{font-size:10px;letter-spacing:2px;font-weight:700;color:#d7d6ff}.hero-copy h1{font-size:40px;letter-spacing:-1.7px;line-height:1.15;margin:18px 0}.hero-copy p{font-size:14px;line-height:1.6;color:#d4d4ff}.tagline{font-size:9px;letter-spacing:1.3px;color:#d4d4ff}.form-side{display:flex;flex-direction:column;justify-content:center;padding:60px 65px 25px}.form-box{max-width:360px;margin:auto;width:100%}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--blue)}h2{font-size:32px;margin:12px 0 8px;letter-spacing:-1px}.form-box p,.setup p{color:var(--muted);font-size:13px;margin:0 0 28px;line-height:1.6}label{display:block;font-size:12px;font-weight:700;margin:19px 0 8px}input{height:48px;width:100%;border:1px solid #e1e3ed;border-radius:10px;padding:0 14px;font:inherit;font-size:13px;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1710e815}.pass{position:relative}.pass input{padding-right:60px}.eye{position:absolute;right:12px;top:13px;background:none;border:0;color:var(--blue);font-size:12px;font-weight:700;cursor:pointer}.primary,.setup form button{height:49px;width:100%;margin-top:27px;border:0;border-radius:10px;background:var(--blue);color:white;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.primary span{float:right;margin-right:14px}.secure{margin-top:25px;color:#9293a1;font-size:11px}.form-side footer{text-align:center;font-size:10px;color:#a1a3b0}.error,.ok{padding:13px;background:#fff0ec;border-radius:8px;color:#aa3327;font-size:12px;margin:12px 0}.ok{background:#e9f9ee;color:#216b37}.mobile-logo{display:none}.card.setup{background:white;width:min(460px,calc(100% - 30px));margin:7vh auto;padding:35px;border-radius:20px;box-shadow:0 20px 65px #13145418}.setup .logo{color:var(--blue);font-size:36px}.setup h1{margin-top:30px;font-size:25px}.top{height:75px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #e7e8ef}.toplogo{font-size:27px;font-weight:800;color:var(--blue)}.toplogo span{font-size:10px;letter-spacing:1px;color:var(--ink);margin-left:8px}.logout{border:1px solid #e4e4ec;background:white;border-radius:9px;padding:11px 15px;cursor:pointer}.main{max-width:1100px;margin:65px auto;padding:0 24px}.main h1{font-size:34px}.main>p{color:var(--muted);font-size:14px}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.modules article{padding:24px;background:white;border-radius:15px;border:1px solid #e6e7f0}.modules article span{font-size:11px;color:var(--blue);font-weight:800}.modules article h3{margin:20px 0 5px;font-size:17px}.modules article p{font-size:12px;color:var(--muted)}@media(max-width:760px){.shell{grid-template-columns:1fr;margin:15px auto;min-height:calc(100vh - 30px)}.hero{display:none}.form-side{padding:30px 25px;min-height:570px}.mobile-logo{display:block;color:var(--blue);font-weight:800;font-size:32px;margin-bottom:55px}.mobile-logo small{display:block;font-size:9px;letter-spacing:1px;color:var(--ink)}.modules{grid-template-columns:repeat(2,1fr)}.toplogo span{display:none}}