@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071d36;--blue:#0878ee;--pale:#f1f7fc;--line:#dfeaf4;--muted:#6c8298;--green:#2eb98c}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--navy);background:var(--pale)}button,input{font:inherit}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:.08em;text-decoration:none;color:#0870d7}.brand-light{color:#fff}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#00a7ff,#0c68dc);color:#fff;font-size:21px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em}.blue{color:var(--blue)}.auth-page{min-height:100vh;background:#fff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{position:relative;overflow:hidden;padding:48px 9vw;background:linear-gradient(145deg,#051a31,#064886);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border:1px solid #43b2ff36;border-radius:50%;width:650px;height:650px;right:-260px;bottom:-380px}.auth-visual:after{width:400px;height:400px;right:-80px;bottom:-250px;background:#0a8df51a}.auth-visual h1{max-width:650px;font-size:clamp(34px,4vw,58px);line-height:1.1;margin:14px 0 22px}.auth-visual p:not(.eyebrow){max-width:580px;color:#bad2e8;font-size:17px;line-height:1.7}.benefits{display:flex;gap:22px;color:#cae2f5;font-size:12px;margin-top:32px}.auth-visual small{color:#7fa0bd}.auth-card{align-self:center;width:min(440px,82%);margin:auto;padding:30px 0}.auth-card h2{font-size:34px;margin:8px 0 5px}.muted{color:var(--muted);font-size:13px}.mobile-brand{display:none}.form{display:grid;gap:15px;margin-top:27px}.form label{display:grid;gap:7px;font-size:12px;font-weight:700}.form input{padding:13px 15px;border:1px solid #cdddec;border-radius:9px;outline:none}.form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0878ee18}.button{border:0;border-radius:9px;background:linear-gradient(135deg,#0887f5,#0864d0);color:#fff;padding:14px 18px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #0878ee2b}.button span{float:right}.button.small{padding:10px 15px;font-size:12px}.alert,.success{padding:11px 13px;border-radius:8px;margin-top:16px;font-size:12px}.alert{background:#fff0f0;color:#b72e2e}.success{background:#e5f8f1;color:#198761}.auth-switch{text-align:center;margin-top:22px;color:var(--muted);font-size:12px}.auth-switch a,.card a,.service-grid a{color:var(--blue);text-decoration:none;font-weight:700}.panel{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:fixed;width:236px;height:100vh;padding:22px 14px;background:linear-gradient(175deg,#061c34,#07519a);color:#fff;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 25px;border-bottom:1px solid #ffffff1c}.sidebar nav{display:grid;gap:4px;margin-top:20px}.sidebar nav a{padding:12px 13px;border-radius:9px;color:#b3cce1;text-decoration:none;font-size:13px;display:flex;gap:13px}.sidebar nav a.active,.sidebar nav a:hover{background:#0785ed;color:#fff}.sidebar-foot{margin-top:auto;color:#9ab9d2;font-size:11px;padding:14px;border-top:1px solid #ffffff1b}.workspace{grid-column:2}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px}.menu{display:none;border:0;background:none;font-size:22px}.top-logo{display:none}.top-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.balance{display:grid;text-align:right}.balance small{font-size:9px;color:var(--muted)}.balance b{font-size:13px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5f2fd;color:#07599f;font-size:12px;font-weight:800}.link-button{border:0;background:none;color:var(--muted);cursor:pointer}.content{padding:26px 30px}.hero{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e5edf5;border-radius:15px;padding:26px 28px;box-shadow:0 12px 34px #24577c0a}.hero h1{font-size:27px;margin:7px 0}.hero p{margin:0;color:var(--muted);font-size:12px}.hero-billing{display:flex}.hero-billing>div{display:grid;gap:4px;padding:3px 34px;border-left:1px solid var(--line);min-width:220px}.hero-billing small{color:var(--muted);font-size:10px}.hero-billing strong{font-size:21px}.hero-billing span{font-size:9px;color:var(--green)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:25px 0 14px}.section-head h2{font-size:18px;margin:0 0 4px}.section-head p{font-size:11px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid article{position:relative;overflow:hidden;min-height:175px;background:#fff;border:1px solid #e5edf5;border-radius:14px;padding:21px;display:flex;justify-content:space-between}.service-grid article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#e6f4ff;right:-35px;top:-35px}.service-grid strong{font-size:29px}.service-grid h3{font-size:13px;margin:5px 0}.service-grid p{font-size:10px;color:var(--muted);margin:0 0 18px}.service-grid a{font-size:10px}.service-icon{z-index:1;order:2;display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#bfeaff,#3a9ef2);color:#fff;font-weight:800;font-size:11px;box-shadow:0 12px 22px #178ce333}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.card{background:#fff;border:1px solid #e5edf5;border-radius:14px;padding:20px}.card-head{display:flex;justify-content:space-between}.card h3{font-size:14px;margin:0 0 4px}.card p{font-size:10px;color:var(--muted);margin:0}.card a{font-size:10px}.empty{display:grid;place-items:center;padding:28px;color:var(--muted);font-size:11px}.empty span{font-size:22px}.empty b{color:var(--navy);margin:7px}.support{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#082846,#075ca5);color:#fff}.support>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#ffffff19;font-size:20px}.support p{color:#b6cee2;margin-bottom:14px}@media(max-width:1100px){.hero-billing>div{min-width:170px;padding:3px 20px}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.auth-shell{display:block}.auth-visual{display:none}.auth-card{width:86%;padding:45px 0}.mobile-brand{display:flex;align-items:center;font-weight:800;margin-bottom:45px}.panel{display:block}.sidebar{z-index:10;transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.workspace{grid-column:auto}.topbar{padding:0 14px}.menu,.top-logo{display:flex}.top-logo{font-size:14px}.top-logo .brand-mark{width:30px;height:30px}.balance,.link-button{display:none}.content{padding:15px}.hero{display:block}.hero-billing{margin-top:25px}.hero-billing>div{padding-left:0;border:0;min-width:50%}.service-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.benefits{display:grid}}