.signin-shell{min-height:100vh;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(ellipse at 85% 0%,#ddd9ff8c,transparent 40%),radial-gradient(ellipse at 0% 100%,#c4ece673,transparent 38%),var(--cream);place-items:center;display:grid}.signin{border:1px solid var(--line);background:var(--paper);border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);width:min(100%,1000px);display:grid;overflow:hidden;box-shadow:0 20px 60px #30285617}.signin-intro{background:linear-gradient(165deg,#f1edff 0%,#ebe6ff 45%,#e2f4f0 100%);flex-direction:column;gap:28px;padding:40px 44px 44px;display:flex}.signin-brand{cursor:default}.signin-splash{flex-direction:column;align-items:center;gap:22px;display:flex}.signin-hero{flex-direction:column;gap:18px;display:flex}.signin-tika{width:190px;margin:4px 0 -6px -10px}.signin-intro h1{letter-spacing:-1.4px;margin:0 0 12px;font-size:clamp(32px,4.2vw,44px);font-weight:750;line-height:1.08}.signin-lede{color:#5f5a74;max-width:400px;margin:0;font-size:17px;line-height:1.55}.signin-start{margin:0}.signin-start .primary-button{text-align:center;width:100%;min-height:52px;text-decoration:none}.signin-start .primary-button:focus-visible{outline:3px solid var(--purple-dark);outline-offset:5px}.signin-start p{text-align:center;color:#5f5a74;margin:12px 0 0;font-size:14px;line-height:1.5}.signin-points{color:#4e496d;gap:12px;margin:auto 0 0;padding:0;font-size:15px;font-weight:650;line-height:1.4;list-style:none;display:grid}.signin-points li{align-items:flex-start;gap:11px;display:flex}.signin-points svg{color:var(--purple);flex:none;margin-top:1px}.signin-panel{flex-direction:column;justify-content:center;gap:28px;padding:48px 48px 36px;display:flex}.signin-step{flex-direction:column;display:flex}.signin-step h2{letter-spacing:-.6px;margin:0 0 8px;font-size:26px;font-weight:720;line-height:1.2}.signin-sub{color:var(--muted);margin:0 0 26px;font-size:15px;line-height:1.55}.signin-sub strong{color:var(--ink);overflow-wrap:anywhere;font-weight:750}.signin-form{flex-direction:column;display:flex}.signin-label{color:#4e496d;margin:0 0 7px;font-size:14px;font-weight:750}.signin-input{width:100%;min-width:0;height:50px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d6d1e6;border-radius:12px;margin:0 0 8px;padding:0 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.signin-input::placeholder{color:#aba7bb}.signin-input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px #7463d829}.signin-input+.signin-label{margin-top:10px}.signin-hint{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.45}.signin-step .form-error{margin:0 0 14px}.signin-wide{width:100%;min-height:50px}.signin-wide+.signin-wide{margin-top:10px}.signin-wide:disabled{opacity:.6;cursor:not-allowed;transform:none}.signin-divider{color:#9a96ab;align-items:center;gap:14px;margin:20px 0;font-size:13px;font-weight:650;display:flex}.signin-divider:before,.signin-divider:after{content:"";background:var(--line);flex:1;height:1px}@font-face{font-family:Roboto Google Button;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/roboto-500-google-button.woff2)format("woff2")}.google-button{color:#1f1f1f;width:100%;min-height:50px;font-family:"Roboto Google Button",Roboto,var(--font-sans);letter-spacing:.1px;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-size:15px;font-weight:500;transition:background .15s,box-shadow .15s;display:flex}.google-button:hover{background:#f8f9fa;box-shadow:0 1px 3px #3c40432e}.google-button:focus-visible{outline-offset:2px;outline:3px solid #7463d859}.google-button:disabled{opacity:.6;cursor:not-allowed}.google-logo{flex:none}.signin-back{min-height:36px;color:var(--purple-dark);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin:-6px 0 14px -4px;padding:0 6px;font-size:14px;font-weight:700;display:inline-flex}.signin-back:hover{background:var(--purple-wash)}.signin-otp{margin:0 0 16px}.signin-otp-group{gap:8px;width:100%}.signin-otp-slot{width:auto;min-width:0;max-width:64px;height:58px;color:var(--ink);box-shadow:none;background:#fff;flex:1 1 0;font-size:24px;font-weight:750;border:1px solid #d6d1e6!important;border-radius:12px!important}.signin-otp-slot[data-active=true]{box-shadow:0 0 0 4px #7463d829;border-color:var(--purple)!important}.signin-otp:has(input[aria-invalid=true]) .signin-otp-slot{border-color:#c98a82!important}.signin-resend{color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.5}.signin-link{color:var(--purple-dark);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:750;text-decoration:underline}.signin-loading{min-height:200px;color:var(--muted);flex-direction:row;justify-content:center;align-items:center;gap:10px;font-size:15px}.signin-spinner{border:2px solid var(--line);border-top-color:var(--purple);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite signin-spin}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin-privacy{border-top:1px solid var(--line);color:#8a8699;align-items:flex-start;gap:8px;margin:0;padding-top:20px;font-size:13px;line-height:1.5;display:flex}.signin-privacy svg{color:#8a81b9;flex:none;margin-top:3px}.signin-privacy a{color:var(--purple-dark);text-underline-offset:2px;font-weight:700}@media (max-width:860px){.signin{grid-template-columns:1fr;width:min(100%,520px)}.signin-intro{gap:0;padding:24px 24px 26px}.signin-brand{margin-bottom:14px;font-size:24px}.signin-hero{flex-direction:row;align-items:center;gap:14px}.signin-tika{flex:none;order:2;width:92px;margin:-8px -6px -10px 0}.signin-intro h1{margin-bottom:8px;font-size:clamp(26px,7vw,32px)}.signin-lede{font-size:15px}.signin-start{margin-top:22px}.signin-points{display:none}.signin-panel{gap:24px;padding:28px 24px 24px}.signin-step h2{font-size:22px}.signin-sub{margin-bottom:22px}}@media (max-width:420px){.signin-shell{padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.signin{border-radius:22px}.signin-intro{padding:20px 20px 22px}.signin-panel{padding:24px 20px 20px}.signin-otp-group{gap:6px}}@media (prefers-reduced-motion:reduce){.signin-spinner{animation-duration:2.4s}}
