@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e9f2fa;background:#09111e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 22%,#18334a 0,transparent 34%),radial-gradient(circle at 12% 75%,#122537 0,transparent 34%),#09111e}button{font:inherit;cursor:pointer}.shell{max-width:1240px;min-height:100vh;margin:auto;padding:0 42px;display:flex;flex-direction:column}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:13px;font-family:Outfit,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.04em}.mark{width:34px;height:34px;display:grid;place-items:center;color:#061c1d;background:#a9f3d8;border-radius:10px;font-size:22px;font-weight:800}.eyebrow,.pill{font-size:11px;letter-spacing:.16em;font-weight:700;color:#a9f3d8}.hero{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:54px 0 80px}.hero-copy{max-width:540px}.pill{display:inline-block;border:1px solid #a9f3d850;background:#a9f3d812;border-radius:100px;padding:9px 13px}h1,h2,p{margin-top:0}h1{font-family:Outfit,sans-serif;font-size:clamp(48px,5.8vw,82px);letter-spacing:-.065em;line-height:1.04;margin:24px 0}h1 em{font-style:normal;color:#a9f3d8}.hero-copy p{font-size:17px;color:#a9b9c9;line-height:1.7;max-width:480px;margin-bottom:30px}.primary{border:0;border-radius:12px;background:#adf0d5;color:#092322;padding:17px 20px;font-weight:700;box-shadow:0 12px 38px #55d6b326;display:inline-flex;gap:46px;align-items:center}.primary:hover{background:#c8ffe9}.hero-copy small{display:block;color:#7f94a7;line-height:1.6;max-width:420px;margin-top:20px}.error{color:#ffb4b4!important;font-size:14px!important;margin-top:18px!important}.hero-art{height:440px;position:relative;display:grid;place-items:center}.frame{position:absolute;width:370px;height:280px;border-radius:22px;border:1px solid #ffffff3a;box-shadow:0 28px 90px #0008;overflow:hidden}.frame-back{transform:translate(52px,-42px) rotate(11deg);background:linear-gradient(155deg,#294259,#536b80)}.frame-front{transform:translate(-30px,25px) rotate(-7deg);background:linear-gradient(180deg,#739cb5,#c9d3ba 51%,#8f9587 52%)}.sun{position:absolute;top:40px;right:64px;width:68px;height:68px;border-radius:50%;background:#fff2be;box-shadow:0 0 60px #fff0ae}.ridge{position:absolute;bottom:-30px;width:125%;height:58%;border-radius:50% 50% 0 0}.ridge-one{left:-35%;background:#3d695f;transform:rotate(13deg)}.ridge-two{right:-35%;bottom:-55px;background:#234d51;transform:rotate(-17deg)}.spark{position:absolute;right:0;top:25px;color:#b2f9da;font-size:54px}footer{color:#718599;font-size:12px;padding:26px 0;border-top:1px solid #ffffff14}.dashboard{flex:1;padding:78px 0}.dashboard h1{font-size:52px;margin:20px 0 4px}.account-email{color:#a7b9c8}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:50px 0 32px}.service-card{border:1px solid #ffffff18;background:#ffffff09;border-radius:18px;padding:24px;min-height:180px}.service-icon{color:#a9f3d8;font-size:28px}.service-card h2{font:600 19px Outfit,sans-serif;margin:18px 0}.status{font-size:12px;padding:7px 10px;border-radius:99px}.status.active{color:#adf0d5;background:#a9f3d826}.status.inactive{color:#aab8c7;background:#ffffff12}.notice{border:1px solid #a9f3d83d;background:#a9f3d80a;padding:22px 26px;border-radius:16px;max-width:700px}.notice strong{color:#d1ffeb}.notice p{font-size:14px;line-height:1.6;color:#9eafbc;margin:8px 0 0}.quiet{border:1px solid #ffffff30;color:#dceaf2;background:transparent;padding:10px 14px;border-radius:10px}.loading{min-height:100vh;display:grid;place-items:center;color:#b9d0d9}@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{height:280px}.frame{width:250px;height:190px}.shell{padding:0 24px}}@media(max-width:560px){.topbar{height:78px}.eyebrow{display:none}.hero{padding:55px 0}.hero-art{display:none}.service-grid{grid-template-columns:1fr}.dashboard{padding:50px 0}.dashboard h1{font-size:40px}}