.signin-page{min-height:100vh;background:#070708;font-family:var(--font-body,"DM Sans",system-ui,sans-serif)}.signin-page,.signin-panel{display:flex;overflow:hidden}.signin-panel{flex:1;align-items:center;justify-content:center;position:relative;padding:24px}.signin-orbs{inset:0;overflow:hidden}.signin-orb,.signin-orbs{position:absolute;pointer-events:none}.signin-orb{border-radius:50%;background:#fff;filter:blur(130px)}.signin-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0);background-size:50px 50px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 20%,transparent 70%)}.signin-card-wrap{position:relative;z-index:1;width:100%;max-width:400px}.signin-card-border{position:absolute;inset:-1px;border-radius:25px;background:conic-gradient(from 0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.05),hsla(0,0%,100%,.4));opacity:.6;filter:blur(6px)}.signin-card{position:relative;background:hsla(0,0%,100%,.05);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid hsla(0,0%,100%,.12);border-radius:24px;padding:46px 38px;text-align:center}.signin-logo-float{width:56px;height:56px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 12px 32px hsla(0,0%,100%,.15)}.signin-logo-float img{height:32px!important;width:auto!important}.signin-title{font-family:var(--font-display,"Bricolage Grotesque",sans-serif);font-size:25px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.5px}.signin-subtitle{font-size:14px;color:hsla(0,0%,100%,.5);margin-bottom:30px;line-height:1.5}.signin-google-btn{width:100%;height:52px;background:#fff;color:#0a0a0a;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .15s ease,box-shadow .15s ease}.signin-google-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 32px hsla(0,0%,100%,.14)}.signin-google-btn:disabled{cursor:wait;opacity:.85}.signin-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:#0a0a0a;border-radius:50%;animation:signin-spin .7s linear infinite}@keyframes signin-spin{to{transform:rotate(1turn)}}.signin-footnote{font-size:12px;color:hsla(0,0%,100%,.35);margin-top:18px}.signin-legal{font-size:11px;color:hsla(0,0%,100%,.3);margin-top:20px;line-height:1.5}.signin-legal a{color:hsla(0,0%,100%,.5);text-decoration:none}.signin-legal a:hover{color:hsla(0,0%,100%,.75)}.signin-error{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.06);font-size:13px;color:hsla(0,0%,100%,.85);text-align:center}.signin-back{position:absolute;top:24px;left:24px;z-index:2;font-size:13px;color:hsla(0,0%,100%,.4);text-decoration:none;transition:color .15s ease}.signin-back:hover{color:hsla(0,0%,100%,.7)}.signin-showcase{flex:1;position:relative;overflow:hidden;background:linear-gradient(135deg,#141416,#0a0a0a);display:flex;align-items:center;justify-content:center;padding:40px;border-left:1px solid hsla(0,0%,100%,.08)}.signin-showcase-glow{position:absolute;left:40%;top:30%;width:400px;height:400px;border-radius:50%;background:#fff;filter:blur(150px);opacity:.04;pointer-events:none}.signin-showcase-inner{max-width:400px;position:relative;z-index:1;width:100%}.signin-showcase-title{font-family:var(--font-display,"Bricolage Grotesque",sans-serif);font-size:30px;font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:24px;line-height:1.15}.signin-feature{display:flex;gap:14px;align-items:center;padding:14px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.08);margin-bottom:10px}.signin-feature-dot{width:8px;height:8px;border-radius:50%;background:#fff;flex-shrink:0}.signin-feature-title{font-size:14px;font-weight:600;color:#fff;margin:0}.signin-feature-desc{font-size:12px;color:hsla(0,0%,100%,.5);margin:2px 0 0}.signin-card-skeleton{height:480px;width:100%;max-width:400px;border-radius:24px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.05);animation:signin-pulse 1.5s ease-in-out infinite}@keyframes signin-pulse{0%,to{opacity:.5}50%{opacity:.85}}@media (max-width:860px){.signin-showcase{display:none!important}}@media (prefers-reduced-motion:reduce){.signin-card-border,.signin-spinner{animation:none!important}}