*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f6f2;--bg2:#fff;--bg3:#f0efe9;--bg4:#e8e7e0;--border:#e2e1d9;--border2:#cccbc2;--ink:#1a1917;--ink2:#5c5b55;--ink3:#9b9a92;--ink4:#c2c1b8;--lime:#b8f04a;--lime2:#9fd93a;--lime-dk:#2d4a00;--lime-bg:#edfac8;--amber:#f5a623;--amber-bg:#fff4e0;--amber-dk:#7a4f00;--red:#e8453c;--red-bg:#fde8e7;--red-dk:#7a1a16;--blue:#2563eb;--blue-bg:#eff4ff;--blue-dk:#1e3a8a;--r:12px;--r-sm:8px;--r-lg:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body,html{height:100%;overflow:hidden;font-family:Sora,sans-serif;background:var(--bg)}.loading-screen{position:fixed;inset:0;background:var(--bg);flex-direction:column;gap:16px;z-index:500;transition:opacity .4s ease}.loading-logo-mark,.loading-screen{display:flex;align-items:center;justify-content:center}.loading-logo-mark{width:48px;height:48px;background:var(--lime);border-radius:12px;animation:pulse 1.4s ease infinite}.loading-wordmark{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.layout{display:flex;height:100vh}.left{width:45%;flex-shrink:0;background:var(--ink);padding:48px;display:flex;flex-direction:column;position:relative;overflow:hidden}.left:before{width:500px;height:500px;background:radial-gradient(circle,rgba(184,240,74,.1) 0,transparent 65%);top:-120px;right:-150px}.left:after,.left:before{content:"";position:absolute;pointer-events:none;border-radius:50%}.left:after{width:350px;height:350px;background:radial-gradient(circle,rgba(184,240,74,.06) 0,transparent 65%);bottom:-80px;left:-80px}.left-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:32px 32px;pointer-events:none}.logo{gap:8px;text-decoration:none;position:relative;z-index:2}.logo,.logo-mark{display:flex;align-items:center}.logo-mark{width:32px;height:32px;background:var(--lime);border-radius:8px;justify-content:center;flex-shrink:0}.logo-name{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.left-middle{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;animation:fadeUp .8s ease .1s both}.badge-row{display:flex;margin-bottom:20px}.badge-new{background:rgba(184,240,74,.15);border:1px solid rgba(184,240,74,.25);border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600;color:var(--lime);letter-spacing:.04em}.left-headline{font-size:30px;font-weight:700;color:#fff;line-height:1.28;letter-spacing:-.5px;margin-bottom:16px}.left-sub{font-size:14px;color:hsla(0,0%,100%,.45);line-height:1.65;margin-bottom:36px;max-width:310px}.stat-chips{display:flex;flex-direction:column;gap:10px}.stat-chip{display:inline-flex;align-items:center;gap:10px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:100px;padding:9px 16px;width:-moz-fit-content;width:fit-content;backdrop-filter:blur(4px)}.chip-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);flex-shrink:0}.chip-text{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.85)}.left-bottom{position:relative;z-index:2;margin-top:auto}.trusted-row{display:flex;align-items:center;gap:10px}.av,.avatars{display:flex}.av{width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-7px;flex-shrink:0}.av:first-child{margin-left:0}.av-a{background:linear-gradient(135deg,#b8f04a,#9fd93a);color:#2d4a00}.av-b{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.av-c{background:linear-gradient(135deg,#f9a8d4,#ec4899);color:#831843}.av-d{background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#1e3a8a}.av-e{background:linear-gradient(135deg,#d8b4fe,#a855f7);color:#581c87}.trusted-text{font-size:12px;color:hsla(0,0%,100%,.3)}.trusted-text strong{color:hsla(0,0%,100%,.55);font-weight:600}.right{flex:1;background:var(--bg);display:flex;flex-direction:column}.right-topbar{padding:22px 44px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid transparent}.right-wordmark{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.right-body{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:40px;width:100%;max-width:384px;box-shadow:0 4px 32px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.04);animation:scaleIn .45s ease .05s both}.card-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--lime-bg);border:1px solid rgba(184,240,74,.4);border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--lime-dk);letter-spacing:.04em;margin-bottom:16px}.card-title{font-size:23px;font-weight:700;color:var(--ink);letter-spacing:-.4px;margin-bottom:6px}.card-sub{font-size:13px;color:var(--ink2);line-height:1.5;margin-bottom:28px}.btn{width:100%;padding:12px 20px;border-radius:var(--r-sm);font-family:Sora,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:10px;border:none;outline:none;position:relative}.btn:active{transform:scale(.98)}.btn-google{background:#fff;border:1.5px solid var(--border2);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.06)}.btn-google:hover{border-color:#aaa;box-shadow:0 3px 12px rgba(0,0,0,.1)}.btn-lime{background:var(--lime);color:var(--lime-dk);box-shadow:0 2px 8px rgba(184,240,74,.35)}.btn-lime:hover{background:var(--lime2);box-shadow:0 4px 18px rgba(184,240,74,.45)}.divider{display:flex;align-items:center;gap:12px;margin:20px 0}.divider-line{flex:1;height:1px;background:var(--border)}.divider-label{font-size:12px;color:var(--ink4);font-weight:500;white-space:nowrap}.demo-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);padding:16px 18px}.demo-box-label{font-size:11px;font-weight:700;color:var(--ink3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}.demo-box-desc{font-size:13px;color:var(--ink2);margin-bottom:14px;line-height:1.45}.card-note{font-size:11px;color:var(--ink4);text-align:center;margin-top:18px;line-height:1.6}.card-note a{color:var(--ink3);text-decoration:underline}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s ease}.overlay.open{opacity:1;pointer-events:all}.picker{background:var(--ink);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:28px;width:380px;box-shadow:0 32px 80px rgba(0,0,0,.6),0 8px 24px rgba(0,0,0,.3);transform:translateY(16px) scale(.97);transition:transform .25s ease}.overlay.open .picker{transform:translateY(0) scale(1)}.picker-header{text-align:center;margin-bottom:20px}.picker-logo-row{gap:8px;margin-bottom:10px}.picker-logo-mark,.picker-logo-row{display:flex;align-items:center;justify-content:center}.picker-logo-mark{width:28px;height:28px;background:var(--lime);border-radius:7px}.picker-logo-name{font-size:16px;font-weight:700;color:#fff}.picker-title{font-size:13px;color:hsla(0,0%,100%,.4);font-weight:500}.picker-sep{height:1px;background:hsla(0,0%,100%,.07);margin:10px 0}.account-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;border:1.5px solid transparent;transition:background .15s,border-color .15s}.account-item:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1)}.acct-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.acct-av-c{background:linear-gradient(135deg,#b8f04a,#9fd93a);color:#2d4a00}.acct-av-new{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.5);border:1.5px dashed hsla(0,0%,100%,.15)}.acct-info{flex:1}.acct-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.acct-email{font-size:12px;color:hsla(0,0%,100%,.4)}.acct-biz{display:inline-flex;align-items:center;gap:4px;background:rgba(184,240,74,.12);border-radius:100px;padding:2px 8px;font-size:10px;font-weight:600;color:rgba(184,240,74,.8);margin-top:4px}.acct-arrow{color:hsla(0,0%,100%,.2)}.picker-close-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;padding:8px;border-radius:8px;cursor:pointer;font-size:12px;color:hsla(0,0%,100%,.3);transition:color .15s,background .15s}.picker-close-btn:hover{color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.04)}.toast-container{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:400;pointer-events:none}.toast{background:var(--ink);color:#fff;padding:11px 20px;border-radius:100px;font-size:13px;font-weight:500;box-shadow:0 6px 24px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px;animation:fadeUp .3s ease;white-space:nowrap}.toast-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);flex-shrink:0}@media (max-width:767px){.left{display:none}.right{width:100%}.right-topbar{padding:16px 20px;justify-content:center}.right-body{padding:20px}.login-card{padding:28px 24px}.card-title{font-size:20px}.picker{width:calc(100% - 32px);max-width:380px}}