.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.auth-story{position:relative;overflow:hidden;background:#eff5ff;padding:54px 12%;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.auth-story::after{content:"";position:absolute;width:450px;height:450px;border:1px solid #2676f415;border-radius:50%;bottom:-220px;right:-160px;box-shadow:0 0 0 65px #2676f405,0 0 0 130px #2676f404;pointer-events:none}.auth-story .brand{padding:0}.auth-story-main{max-width:390px;margin:65px 0}.auth-story .eyebrow{color:#7392be;font-size:10px}.auth-story h1{font-size:42px;line-height:1.5;letter-spacing:-1px;margin:20px 0}.auth-story h1 span{color:var(--blue)}.auth-story-main>p{font-size:13px;color:#7d90ae;line-height:2}.auth-example{margin:38px 0 20px;background:#ffffffd9;border:1px solid #fff;border-radius:15px;padding:22px;box-shadow:0 15px 45px #4b72ac0c;transform:rotate(-2deg)}.auth-example>div:first-child{font-size:11px;color:#90a1ba;margin-bottom:15px;display:flex;justify-content:space-between}.auth-example .example-task{display:flex;align-items:center;gap:10px;font-size:12px;color:#556a88;padding:11px 0}.example-check{height:17px;width:17px;border:1px solid #cbd8ea;border-radius:50%}.example-check.checked{background:#5cbea1;border-color:#5cbea1;color:#fff;font-size:10px;text-align:center;line-height:16px}.example-task small{margin-left:auto;font-size:9px;color:#8ba0be}.auth-story-footer{font-size:10px;color:#8ba0be;letter-spacing:.5px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:60px 48px}.auth-card{width:100%;max-width:360px}.auth-card h2{font-size:25px;line-height:1.5;margin:0 0 10px;letter-spacing:-.5px}.auth-card>p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 30px}.auth-tabs-note{font-size:9px;letter-spacing:1.6px;color:var(--blue);margin-bottom:13px}.auth-card .field{font-size:12px;margin-bottom:20px}.auth-card .field input{padding:12px 14px;font-size:14px;background:var(--input)}.auth-card .button{width:100%;min-height:45px;margin-top:2px;font-size:13px}.auth-card .button:disabled{cursor:not-allowed;background:#a8bbd9;box-shadow:none}.auth-password-top{display:flex;align-items:center;justify-content:space-between}.auth-password-top button{font-weight:400;font-size:10px}.auth-message{font-size:11px;line-height:1.8;color:var(--green);margin:15px 0;overflow-wrap:anywhere}.auth-message.error{color:var(--danger)}.auth-switch-row{font-size:11px;color:var(--muted);text-align:center;margin:20px 0}.auth-switch-row button{font-size:11px;margin-left:5px}.auth-resend-row{display:flex;justify-content:center;gap:15px}.auth-resend-row button{font-size:10px}.auth-privacy{font-size:10px;line-height:1.9;color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:21px;margin-top:28px}.cloud-setup-notice{background:#fff6e7;color:#ad7e32;border:1px solid #f2e4cc;font-size:11px;line-height:1.9;padding:13px 15px;border-radius:9px;margin-bottom:23px}.cloud-status{font-size:10px;color:var(--muted);white-space:nowrap}.cloud-status[data-status=error]{color:var(--danger)}.account-area{padding:13px 6px;border-top:1px solid var(--line)}.account-area #accountEmail{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:10px;color:var(--muted)}.account-area button{margin-top:5px;font-size:10px}.account-mobile{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--secondary);border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.sync-notice-actions{display:flex;gap:10px;margin-top:9px}.sync-notice-actions button{font-size:11px;text-decoration:underline}.auth-back{display:block;margin:14px auto 0}.cloud-identity{margin-right:8px}.cloud-load-retry{margin-left:10px}.auth-screen.dark .auth-story{background:#1b2d47}.auth-screen.dark .auth-example{background:#21344f;border-color:#304866}.auth-screen.dark .auth-example .example-task{color:#b8cbe5}
@media(max-width:1000px){.auth-story{padding:40px 10%}.auth-story h1{font-size:35px}.auth-panel{padding:45px 35px}.auth-story .brand{font-size:16px}.auth-story-main{margin:45px 0}}
@media(max-width:700px){.auth-screen{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100dvh;padding:40px 26px}.auth-card{max-width:390px}.auth-card:before{content:"H-reminders";display:block;font-size:17px;font-weight:750;color:var(--blue);margin-bottom:40px;letter-spacing:-.5px}.auth-card h2{font-size:24px}.auth-card .field input{font-size:16px}.cloud-status{display:none}.account-area{display:none}}