.mascot-wrapper{--cyan:#00e5ff;--cyan-dim:#00b4cc;--cyan-glow:#00e5ff2e;--bg:#060c14;--bg2:#0c1622;--bg3:#111d2c;--surface:#0f1e30;--surface2:#162436;--text:#e8f4ff;--text-muted:#5a7a99;--text-mid:#8aaac8;--border:#00e5ff1f;--border-hover:#00e5ff47;--danger:#ff4d6d;--success:#00e5a0;background:var(--bg);width:100%;min-height:100vh;color:var(--text);z-index:50;font-family:DM Sans,sans-serif;position:absolute;top:0;left:0;overflow:hidden auto}.mascot-wrapper *,.mascot-wrapper :before,.mascot-wrapper :after{box-sizing:border-box;margin:0;padding:0}.mascot-wrapper .page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (max-width:1024px){.mascot-wrapper{position:relative;overflow:hidden auto}.mascot-wrapper .page{grid-template-columns:1fr;height:auto}.mascot-wrapper .left{min-height:100vh;padding:40px 24px}.mascot-wrapper .right{display:none!important}}.mascot-wrapper .left{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;padding:100px 64px 40px;display:flex;position:relative;overflow:hidden}.mascot-wrapper .interactive-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mascot-wrapper .ambient-glow{background:radial-gradient(circle,#00e5ff12 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-120px;left:-80px}.mascot-wrapper .mesh-grid{background-image:linear-gradient(#00e5ff0a 1px,#0000 1px),linear-gradient(90deg,#00e5ff0a 1px,#0000 1px);background-size:40px 40px;background-position:calc(50% + var(--move-x,0px))calc(50% + var(--move-y,0px));transition:background-position .15s ease-out;position:absolute;inset:-30px}.mascot-wrapper .cursor-glow{background:radial-gradient(400px circle at var(--mouse-x,50%)var(--mouse-y,50%),#00e5ff1f,transparent 60%);opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.mascot-wrapper .left:hover .cursor-glow{opacity:1}.mascot-wrapper .logo{align-items:center;gap:10px;text-decoration:none;display:flex;position:absolute;top:36px;left:48px}.mascot-wrapper .logo-mark{flex-shrink:0;width:32px;height:32px;display:block}.mascot-wrapper .logo-text{color:var(--text);letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:20px;font-weight:800}.mascot-wrapper .logo-text span{color:var(--cyan)}.mascot-wrapper .form-wrap{z-index:1;width:100%;max-width:380px;position:relative}.mascot-wrapper .form-header{margin-bottom:36px}.mascot-wrapper .form-label-tag{letter-spacing:2px;text-transform:uppercase;color:var(--cyan);background:#00e5ff14;border:1px solid #00e5ff33;border-radius:100px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.mascot-wrapper .form-title{color:var(--text);letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:30px;font-weight:700;line-height:1.15}.mascot-wrapper .form-sub{color:var(--text-muted);margin-top:8px;font-size:14px;line-height:1.6}.mascot-wrapper .field{margin-bottom:18px}.mascot-wrapper .field-label{color:var(--text-mid);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.mascot-wrapper .field-label a{color:var(--cyan);opacity:.8;font-size:12px;text-decoration:none;transition:opacity .2s}.mascot-wrapper .field-label a:hover{opacity:1}.mascot-wrapper .input-wrap{position:relative}.mascot-wrapper input[type=email],.mascot-wrapper input[type=password],.mascot-wrapper input[type=text]{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .25s,box-shadow .25s,background .25s}.mascot-wrapper input::placeholder{color:var(--text-muted)}.mascot-wrapper input:focus{border-color:var(--cyan);background:var(--surface2);box-shadow:0 0 0 3px #00e5ff14}.mascot-wrapper .pw-toggle{cursor:pointer;color:var(--text-muted);align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.mascot-wrapper .pw-toggle:hover{color:var(--cyan)}.mascot-wrapper .btn-primary{background:var(--cyan);color:#060c14;letter-spacing:.3px;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .25s,background .25s;position:relative;overflow:hidden}.mascot-wrapper .btn-primary:before{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.mascot-wrapper .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #00e5ff73}.mascot-wrapper .btn-primary:hover:not(:disabled):before{background:#ffffff14}.mascot-wrapper .btn-primary:active:not(:disabled){transform:translateY(0)}.mascot-wrapper .btn-primary:disabled{opacity:.7;cursor:not-allowed}.mascot-wrapper .divider{color:var(--text-muted);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.mascot-wrapper .divider:before,.mascot-wrapper .divider:after{content:"";background:var(--border);flex:1;height:1px}.mascot-wrapper .btn-google{width:100%;color:var(--text-mid);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;transition:border-color .2s,background .2s,color .2s;display:flex}.mascot-wrapper .btn-google:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface);color:var(--text)}.mascot-wrapper .btn-google:disabled{opacity:.7;cursor:not-allowed}.mascot-wrapper .google-icon{flex-shrink:0;width:18px;height:18px}.mascot-wrapper .signup-link{text-align:center;color:var(--text-muted);margin-top:24px;font-size:13px}.mascot-wrapper .signup-link a{color:var(--cyan);font-weight:500;text-decoration:none}.mascot-wrapper .signup-link a:hover{text-decoration:underline}.mascot-wrapper .right{background:var(--bg2);border-left:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex;position:relative;overflow:hidden}.mascot-wrapper .right:before{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff0f 0%,#0000 65%);width:500px;height:500px;position:absolute;top:-100px;right:-100px}.mascot-wrapper .robot-stage{flex-shrink:0;width:300px;height:300px;position:relative}.mascot-wrapper .right-content{z-index:1;flex-direction:column;align-items:center;gap:40px;padding:0 60px;display:flex;position:relative}.mascot-wrapper .right-headline{text-align:center}.mascot-wrapper .right-headline h2{color:var(--text);letter-spacing:-.3px;font-family:Syne,sans-serif;font-size:26px;font-weight:700;line-height:1.25}.mascot-wrapper .right-headline h2 em{color:var(--cyan);font-style:normal}.mascot-wrapper .right-headline p{color:var(--text-muted);margin-top:12px;font-size:14px;line-height:1.7}.mascot-wrapper .stats{gap:32px;display:flex}.mascot-wrapper .stat{text-align:center}.mascot-wrapper .stat-num{color:var(--text);font-family:Syne,sans-serif;font-size:22px;font-weight:800}.mascot-wrapper .stat-num span{color:var(--cyan)}.mascot-wrapper .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:11px}.mascot-wrapper .stat-sep{background:var(--border);align-self:stretch;width:1px}.mascot-wrapper .float-dot{background:var(--cyan);opacity:.12;border-radius:50%;animation:6s ease-in-out infinite floatDot;position:absolute}@keyframes floatDot{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.mascot-wrapper .mascot-caption{color:var(--text-muted);letter-spacing:.3px;text-align:center;min-height:18px;margin-top:-20px;font-size:12px;transition:opacity .4s}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.05)}}@media (max-height:850px){.mascot-wrapper .left{padding-top:80px}.mascot-wrapper .logo{top:24px;left:32px}.mascot-wrapper .robot-stage{width:220px;height:220px}.mascot-wrapper .right-content{gap:24px}.mascot-wrapper .right-headline h2{font-size:22px}.mascot-wrapper .right-headline p{margin-top:8px;font-size:13px}.mascot-wrapper .stats{gap:20px}.mascot-wrapper .stat-num{font-size:18px}.mascot-wrapper .form-header{margin-bottom:24px}.mascot-wrapper .form-title{font-size:26px}.mascot-wrapper .field{margin-bottom:14px}.mascot-wrapper input[type=email],.mascot-wrapper input[type=password],.mascot-wrapper input[type=text]{padding:10px 14px}.mascot-wrapper .btn-primary,.mascot-wrapper .btn-google{padding:10px}}