:root{--green:#129b48;--lime:#76df34;--dark:#003d35;--ink:#10201b;--muted:#68736d;--line:#dce6e0;--soft:#f4f8f5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(440px,46%) 1fr}.login-panel{display:grid;place-items:center;padding:42px 60px;background:#fff;position:relative;z-index:2}.login-wrap{width:min(440px,100%)}.auth-logo{display:inline-block;color:#17221e;font-size:23px;font-weight:900;letter-spacing:-1px;text-decoration:none;margin-bottom:64px}.auth-logo span{color:var(--green)}.eyebrow{margin:0 0 12px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:1.7px}.welcome h1{font-size:clamp(34px,3.4vw,47px);line-height:1.06;letter-spacing:-2px;margin:0 0 15px}.welcome h1 span{color:var(--green)}.welcome>p:last-child{color:var(--muted);font-size:16px;margin:0 0 28px}.login-error{padding:12px 14px;border:1px solid #f1c4c4;border-radius:10px;background:#fff3f3;color:#b63434;margin-bottom:16px}.google-button{height:50px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:12px;color:#27332e;text-decoration:none;font-weight:800;transition:.2s}.google-button svg{width:21px;height:21px}.google-button:hover{border-color:#9cb2a5;background:#fafcfb;transform:translateY(-1px)}.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#89938f;font-size:12px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.login-form label{display:block;margin:14px 0 7px;font-size:13px;font-weight:800}.input-shell{height:51px;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.2s}.input-shell:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(18,155,72,.1)}.input-shell>svg{width:20px;height:20px;margin-left:15px;fill:none;stroke:#84918b;stroke-width:1.7}.input-shell input{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 13px;font:inherit}.password-toggle{width:47px;height:100%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.password-toggle span{width:19px;height:13px;border:1.8px solid #73807a;border-radius:50% 50% 48% 48%;position:relative}.password-toggle span:after{content:"";position:absolute;width:5px;height:5px;border:1.5px solid #73807a;border-radius:50%;left:5px;top:2px}.password-toggle.is-visible span:before{content:"";position:absolute;width:23px;height:2px;left:-3px;top:5px;background:#73807a;transform:rotate(-40deg)}.submit-button{width:100%;height:52px;margin-top:22px;border:0;border-radius:12px;background:linear-gradient(135deg,#119b45,#08783b);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(17,155,69,.22);transition:.2s}.submit-button span{margin-left:8px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(17,155,69,.28)}.signup-copy{text-align:center;color:var(--muted);font-size:14px;margin-top:20px}.signup-copy a{color:var(--green);font-weight:900;text-decoration:none}.security-note{text-align:center;color:#8a9690;font-size:11px;margin-top:28px}.security-note span{color:var(--green)}.visual-panel{position:relative;overflow:hidden;min-height:100vh;padding:62px;background:radial-gradient(circle at 65% 45%,rgba(118,223,52,.2),transparent 30%),linear-gradient(145deg,#063f37,#002a27 72%);color:#fff}.visual-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(58deg) scale(1.7);transform-origin:center bottom}.visual-copy{position:relative;z-index:2}.visual-copy p{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:1.7px}.visual-copy h2{font-size:clamp(38px,4.2vw,60px);line-height:1.02;letter-spacing:-2px;margin:0}.scene{position:absolute;left:50%;top:53%;width:640px;height:570px;transform:translate(-48%,-45%);transform-style:preserve-3d;perspective:1100px}.layer{will-change:transform;transition:transform .14s ease-out}.dashboard-3d{position:absolute;left:100px;top:105px;width:410px;height:330px;padding:22px;border:1px solid rgba(255,255,255,.38);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(229,244,237,.9));color:var(--ink);box-shadow:35px 50px 90px rgba(0,15,13,.45),inset 0 1px 1px #fff;transform:rotateY(-10deg) rotateX(5deg) rotateZ(-2deg);backdrop-filter:blur(10px)}.dash-header{display:flex;align-items:center;gap:10px}.dash-header>span{margin-left:auto;color:#87948e}.dash-header div:nth-child(2){display:flex;flex-direction:column}.dash-header small{color:#87948e;font-size:10px}.mini-logo{width:33px;height:33px;border-radius:10px;background:var(--dark);color:var(--lime);display:grid;place-items:center;font-size:11px;font-weight:900}.free-card{margin-top:18px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#05463d,#087044);color:#fff}.free-card>small{color:#9be2ae;font-size:9px;font-weight:900;letter-spacing:1px}.free-card strong{display:block;font-size:23px;margin:5px 0}.free-card p{font-size:10px;color:#c3e5d7;margin:4px 0 0}.progress{height:5px;border-radius:5px;background:#ffffff25}.progress i{display:block;width:72%;height:100%;border-radius:5px;background:var(--lime)}.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.dash-stats div{padding:10px 12px;border:1px solid #dce7e0;border-radius:11px}.dash-stats small{display:block;color:#819089;font-size:9px}.dash-stats b{font-size:12px;color:var(--green)}.mini-chart{height:48px;display:flex;align-items:flex-end;gap:8px;padding-top:10px}.mini-chart span{height:var(--h);flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(#68d858,#159748);animation:bars 2.6s ease-in-out infinite alternate}.gigi-card{position:absolute;right:5px;top:230px;width:245px;display:flex;gap:12px;padding:16px;border-radius:17px;background:rgba(255,255,255,.97);color:var(--ink);box-shadow:20px 28px 60px rgba(0,20,17,.38);transform:translateZ(85px) rotateY(-5deg)}.gigi-avatar{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--dark);font-size:11px;font-weight:900}.gigi-card small{color:var(--green);font-weight:900}.gigi-card strong{display:block;font-size:13px}.gigi-card p{font-size:10px;color:var(--muted);margin:4px 0}.safe-card{position:absolute;left:25px;top:390px;display:flex;gap:10px;align-items:center;padding:13px 17px;border:1px solid rgba(255,255,255,.35);border-radius:15px;background:rgba(0,66,55,.85);box-shadow:15px 25px 50px rgba(0,15,13,.4);backdrop-filter:blur(8px);transform:translateZ(110px)}.safe-card>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--dark);font-weight:900}.safe-card small{display:block;color:#99dca9;font-size:8px;letter-spacing:1px}.safe-card strong{font-size:12px}.coin{position:absolute;display:grid;place-items:center;border:2px solid #b7f274;border-radius:50%;background:linear-gradient(145deg,#8bec48,#3ebc48);color:#06432f;font-weight:900;box-shadow:8px 14px 30px #001d1966,inset 2px 2px 4px #d8ff9e}.coin-one{right:62px;top:94px;width:65px;height:65px;transform:translateZ(130px) rotateY(-18deg)}.coin-two{left:50px;top:205px;width:48px;height:48px;transform:translateZ(70px) rotateX(12deg)}.glow{position:absolute;border-radius:50%;filter:blur(2px)}.glow-one{width:240px;height:240px;right:35px;top:40px;background:rgba(110,231,74,.12)}.glow-two{width:180px;height:180px;left:20px;bottom:20px;background:rgba(37,190,130,.12)}.orbit{position:absolute;border:1px solid rgba(125,233,81,.25);border-radius:50%;transform:rotateX(70deg)}.orbit-one{width:570px;height:420px;left:20px;top:80px}.orbit-two{width:430px;height:300px;left:92px;top:145px}.visual-footnote{position:absolute;bottom:35px;right:55px;color:#aac8be;font-size:11px}.visual-footnote span{color:var(--lime)}@keyframes bars{to{filter:brightness(1.25);transform:scaleY(.88)}}@media(max-width:980px){.auth-layout{grid-template-columns:1fr}.visual-panel{display:none}.login-panel{min-height:100vh;padding:32px 22px}.auth-logo{margin-bottom:45px}}@media(max-width:480px){.login-panel{padding:24px 18px}.welcome h1{font-size:34px}.auth-logo{margin-bottom:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.layer{transform:none!important}}