:root{--paper:#f9f8f3;--olive:#697153;--olive-soft:#e8eadf;--ink:#24251f;--muted:#777a7e;--line:#d9d9d5;--white:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}body.intro-running{overflow:hidden}.login-shell{min-height:100vh;display:grid;grid-template-columns:59.5% 40.5%;background:var(--paper);overflow:hidden}.login-art{position:relative;min-height:100vh;background:var(--paper);overflow:hidden}.brand-logo{position:absolute;z-index:5;top:5.1vh;left:5.6vw;width:255px}.brand-logo img{display:block;width:100%;height:auto}.hero-visual{position:absolute;z-index:2;top:0;right:0;width:50%;height:100%;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url("/static/login-hero.jpg") center/cover no-repeat;will-change:transform,clip-path,opacity}.orbit{position:absolute;z-index:1;fill:none;stroke:#8e927e;stroke-width:1;overflow:visible;will-change:transform,opacity}.orbit circle{fill:var(--olive);stroke:none}.orbit--main{left:0;top:20%;width:52%;height:68%}.orbit--bottom{right:-6%;bottom:-3%;width:42%;height:37%;z-index:3}.orbit-path{stroke-dasharray:1950;stroke-dashoffset:1950}.benefits{position:absolute;z-index:4;left:4.5%;top:35%;width:42%;height:49%}.benefit{position:absolute;text-align:center;width:170px;color:#505246;will-change:transform,opacity}.benefit--analytics{left:0;top:0}.benefit--campaigns{right:10%;top:6%}.benefit--growth{left:11%;bottom:0}.benefit-icon{position:relative;width:112px;height:112px;margin:0 auto 12px;border:1px solid rgba(105,113,83,.2);border-radius:50%;background:radial-gradient(circle at 35% 28%,#f8f9f4 0,#e9ece1 48%,#dce1d2 100%);box-shadow:0 12px 30px rgba(78,87,61,.12),inset 0 1px 0 rgba(255,255,255,.85);display:grid;place-items:center}.benefit-icon::before{content:"";position:absolute;inset:7px;border:1px solid rgba(105,113,83,.12);border-radius:50%}.benefit-icon svg{position:relative;z-index:1;width:61px;height:61px;fill:none;stroke:var(--olive);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.benefit-icon svg .accent{stroke:#929b75;stroke-width:3}.benefit-icon svg .fill{fill:#697153;stroke:#f2f4ec;stroke-width:1.5}.benefit p{margin:0;font-size:21px;line-height:1.28}.login-panel{position:relative;z-index:6;min-height:100vh;display:grid;place-items:center;background:var(--paper);padding:6vh 6.2vw}.form-wrap{width:min(472px,100%);margin-top:-8vh}.eyebrow,.status-label,.placeholder-grid span{font-size:12px;letter-spacing:.12em;font-weight:700;color:#4f514b}.login-eyebrow{display:block;text-align:right;margin-bottom:14vh}.login-intro-copy{transform:translateY(20px)}.form-wrap h2{font:500 clamp(37px,3vw,48px)/1.05 "Segoe UI",Arial,sans-serif;margin:0 0 15px;color:#111}.muted{color:var(--muted);line-height:1.45}.login-subtitle{font-size:16px;margin:0 0 50px}.form-wrap form{margin:0}.login-field{display:block;font-size:14px;margin:0 0 26px}.input-wrap{height:56px;display:flex;align-items:center;margin-top:10px;border:1px solid var(--line);border-radius:9px;background:#fff;transition:border-color 180ms ease,background 180ms ease,transform 180ms ease,box-shadow 180ms ease}.input-wrap:hover{border-color:#b4b7ac;background:#fff}.input-wrap:focus-within{border-color:#929783;transform:translateY(-1px);box-shadow:0 5px 18px rgba(77,82,61,.08)}.input-wrap>svg{width:21px;height:21px;margin-left:17px;fill:none;stroke:#555854;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 15px;height:100%;font-size:15px;color:var(--ink)}.input-wrap input::placeholder{color:#a3a4a5}.password-toggle{width:54px;height:54px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:#62645f}.password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.login-button{position:relative;overflow:hidden;width:100%;height:60px;border:0;border-radius:9px;background:linear-gradient(105deg,#737b5c,#626b4e);color:white;font-size:18px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 5px 14px rgba(73,78,57,.12);transition:transform 180ms ease,box-shadow 180ms ease}.login-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(73,78,57,.24)}.login-button:hover .login-button__arrow{transform:translateX(3px)}.login-button:active{transform:translateY(0) scale(.99)}.login-button__arrow{font-size:26px;font-weight:300;transition:transform 180ms ease}.login-button__shine{position:absolute;inset:0 auto 0 -45%;width:30%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);pointer-events:none}.remember-me{display:flex;align-items:center;gap:10px;margin-top:18px;color:#727573;font-size:14px;cursor:pointer}.remember-me input{width:18px;height:18px;margin:0;accent-color:var(--olive)}.error{background:#f5e5dd;color:#8b432d;padding:11px 14px;border-radius:8px;margin:-34px 0 18px;font-size:13px}.app-shell header{height:88px;border-bottom:1px solid var(--line);padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#f2eadc}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;border-radius:50%}.brand div{display:flex;flex-direction:column;font-family:"Segoe UI",Arial,sans-serif;line-height:.75}.brand span{font-size:20px}.brand strong{font-size:30px;font-weight:400}.brand.small img{width:44px;height:44px}.brand.small span{font-size:14px}.brand.small strong{font-size:22px}.logout{border:1px solid var(--olive);border-radius:999px;background:transparent;padding:10px 22px;color:var(--olive);cursor:pointer}.dashboard{padding:64px 6vw;max-width:1400px;margin:auto}.dashboard>h1,.status-card h2{font-family:"Segoe UI",Arial,sans-serif;font-weight:500}.dashboard>h1{font-size:48px;margin:14px 0}.status-card{margin-top:42px;background:#555b43;color:white;border-radius:24px;padding:30px 34px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.status-icon{width:54px;height:54px;border-radius:50%;background:#f2eadc;color:#555b43;font-size:27px;display:grid;place-items:center}.status-card h2{margin:5px 0 0;font-size:30px}.status-label{color:#d9ddcb}.checks{display:flex;gap:34px}.checks div{display:grid;grid-template-columns:auto auto;column-gap:9px}.checks i{width:8px;height:8px;background:#bdd187;border-radius:50%;grid-row:1/3;margin-top:6px}.checks i.bad{background:#df866a}.checks span{font-size:12px;color:#d9ddcb}.checks strong{font-size:14px;margin-top:3px}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.placeholder-grid article{border:1px solid var(--line);background:white;border-radius:18px;padding:25px}.placeholder-grid b{display:block;font:500 36px/1.1 "Segoe UI",Arial,sans-serif;margin-top:20px}.placeholder-grid p{color:#888575;font-size:13px;margin-bottom:0}@media(max-width:1100px){.login-shell{grid-template-columns:54% 46%}.brand-logo{width:210px}.benefit{width:140px}.benefit-icon{width:88px;height:88px}.benefit p{font-size:17px}.hero-visual{width:52%}.login-panel{padding-inline:4vw}}@media(max-width:760px){body.intro-running{overflow:auto}.login-shell{display:block;overflow:visible}.login-art{min-height:460px}.brand-logo{top:25px;left:26px;width:190px}.hero-visual{right:0;width:58%;height:100%}.hero-photo{background-position:center;}.benefits{left:16px;top:155px;width:46%;height:265px}.benefit{width:110px}.benefit--campaigns{right:-5%;top:20%}.benefit--growth{left:5%}.benefit-icon{width:68px;height:68px}.benefit-icon svg{width:40px}.benefit p{font-size:13px}.orbit--main{top:22%;width:62%}.login-panel{min-height:auto;padding:55px 24px 70px}.form-wrap{margin:0}.login-eyebrow{text-align:left;margin-bottom:55px}.login-subtitle{margin-bottom:38px}}@media(max-width:480px){.login-art{min-height:390px}.brand-logo{width:165px}.benefits{top:140px}.benefit--campaigns{display:none}.benefit-icon{width:58px;height:58px}.hero-visual{width:62%}.orbit--bottom{display:none}.form-wrap h2{font-size:36px}.dashboard{padding:40px 20px}.dashboard>h1{font-size:38px}.status-card{padding:24px;grid-template-columns:1fr}.status-icon{display:none}.checks{flex-direction:column;gap:14px}.placeholder-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}