*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--canvas-cool:#e5e7eb;--canvas-warm:#fef3c7;--canvas-peach:#fde68a;--canvas-base:#f3f4f6;--canvas-top:#eef0ec;--canvas-mid:#f5f0e4;--canvas-bottom:#fef3c7;--yellow:var(--brand-yellow);--yellow-hover:var(--brand-yellow-strong);--ink:var(--text-ink);--ink-soft:#3a3a3a;--label:#6b7280;--muted:var(--text-muted);--link:#5c5c5c;--input-text:var(--text-ink);--input-border:#0000001a;--input-shadow:0 2px 8px #0000000a;--radius-pill:999px;--radius-widget:16px;--visual-radius:40px;--shadow-widget:0 8px 24px #0000001f;--shadow-visual:0 24px 56px #0000001f;--form-column:360px}html,body{height:100%;min-height:100%}body{background:var(--canvas-base);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.page{background-image:url(/images/auth-bg3.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:32px 16px;display:flex;position:relative}.auth-card{z-index:0;-webkit-backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #fff9;border-radius:24px;width:100%;max-width:440px;position:relative;box-shadow:0 24px 64px #00000047}.auth-form-panel{z-index:2;background:0 0;flex-direction:column;align-items:center;padding:40px 44px 32px;display:flex;position:relative}.auth-form-stack{width:100%;max-width:var(--form-column)}.auth-form-stack .form-intro,.auth-form-stack .signup-form,.auth-form-stack .login-form,.auth-form-stack .auth-form{width:100%}.brand{align-self:flex-start;align-items:center;gap:10px;margin-bottom:28px;display:flex}.brand-logo{width:auto;height:40px;display:block}.form-intro{text-align:center;margin-bottom:28px}.form-title{color:var(--ink-soft);letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:500}.form-subtitle{color:var(--muted);font-size:13px;font-weight:400;line-height:1.45}.signup-form,.login-form,.auth-form{flex-direction:column;gap:20px;display:flex}.auth-error{color:#a12121;background:#fdecec;border:1px solid #f5c2c2;border-radius:12px;margin:0;padding:11px 16px;font-size:13px;font-weight:500;line-height:1.35}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--label);padding-left:4px;font-size:12px;font-weight:400}.field input{border:1px solid var(--input-border);border-radius:var(--radius-pill);width:100%;height:50px;box-shadow:var(--input-shadow);color:var(--input-text);background:#fff;outline:none;padding:0 22px;font-size:13px;font-weight:400;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#0000001a;box-shadow:0 2px 12px #0000000f}.field input:disabled,.field input.is-locked{color:#6b7280;cursor:not-allowed;box-shadow:none;background:#f3f4f6}.password-wrap{position:relative}.password-wrap input{padding-right:46px}.toggle-password{color:#767b85;cursor:pointer;border-radius:var(--r-pill);background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;line-height:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle-password:hover{color:var(--text-ink)}.toggle-password:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.submit-btn{border-radius:var(--radius-pill);background:var(--yellow);width:100%;height:50px;color:var(--ink-soft);cursor:pointer;border:none;margin-top:6px;font-size:14px;font-weight:600;transition:background .15s}.submit-btn:hover{background:var(--yellow-hover)}.submit-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.submit-btn:disabled{opacity:.75;cursor:wait}.social-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:2px;display:grid}.social-btn{border-radius:var(--radius-pill);height:46px;color:var(--ink-soft);cursor:pointer;background:#fff;border:1px solid #0000001f;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.social-btn:hover{background:#fafafa;border-color:#00000029}.social-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.form-footer{width:100%;max-width:var(--form-column);color:var(--link);justify-content:space-between;align-items:center;margin-top:24px;font-size:12px;display:flex}.signin-text{font-weight:400}.link-underline{color:var(--ink-soft);text-underline-offset:3px;font-weight:400;text-decoration:underline}.link-underline:hover{color:var(--ink)}.auth-visual-panel{display:none}.auth-visual-panel-legacy{z-index:2;background:0 0;justify-content:center;align-items:center;min-height:100dvh;padding:24px 28px 24px 16px;display:flex;position:relative}.visual-frame{border-radius:var(--visual-radius);width:100%;min-height:calc(100dvh - 48px);box-shadow:var(--shadow-visual);isolation:isolate;flex:1;align-self:stretch;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:center 30%;width:100%;height:100%;min-height:calc(100dvh - 48px);display:block}.widget{z-index:5;pointer-events:none;position:absolute}.widget-task{width:168px;height:72px;top:12%;left:5%}.task-card{box-shadow:var(--shadow-widget);border-radius:14px;padding:12px 14px 10px;position:absolute}.task-card--back{z-index:1;background:#3a3a3a;width:100%;height:100%;top:10px;left:12px}.task-card--front{background:var(--yellow);z-index:2;width:100%;top:0;left:0}.task-dot{border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:10px}.task-dot--dark{background:#1a1a1a}.task-dot--yellow{background:var(--yellow)}.task-title{color:#1a1a1a;padding-right:12px;font-size:11px;font-weight:600;line-height:1.25}.task-time{color:#0000008c;margin-top:4px;font-size:10px;font-weight:400}.widget-calendar{-webkit-backdrop-filter:blur(12px);background:#0f0f0f6b;border:1px solid #ffffff1f;border-radius:18px;width:min(340px,100% - 48px);padding:14px 18px 16px;bottom:32%;left:auto;right:8%;box-shadow:0 8px 32px #0003}.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-day{flex-direction:column;align-items:center;gap:2px;padding-bottom:6px;display:flex;position:relative}.cal-dow{color:#ffffffb8;text-transform:capitalize;font-size:9px;font-weight:500}.cal-num{color:#ffffffeb;font-size:11px;font-weight:500}.cal-day--active .cal-dow,.cal-day--active .cal-num{color:#fff;font-weight:600}.cal-day--active .cal-num{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.cal-active-bar{background:repeating-linear-gradient(-45deg,#ffffffeb 0 3px,#0000 3px 6px);border:1px solid #ffffff73;border-radius:6px;width:28px;height:22px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.widget-meeting{border-radius:var(--radius-widget);width:200px;box-shadow:var(--shadow-widget);background:#fff;padding:14px 16px 12px;bottom:12%;left:12%}.meeting-dot{background:var(--yellow);border-radius:50%;width:7px;height:7px;position:absolute;top:12px;right:12px}.meeting-title{color:#2a2a2a;margin-bottom:2px;font-size:12px;font-weight:600}.meeting-time{color:#9a9a9a;margin-bottom:10px;font-size:10px}.meeting-avatars{align-items:center;display:flex}.meeting-avatars img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:26px;height:26px;margin-left:-6px;box-shadow:0 1px 3px #0000001f}.meeting-avatars img:first-child{margin-left:0}@media (width<=520px){.auth-card{border-radius:16px}.auth-form-panel{padding:32px 24px 28px}}@media (width<=420px){.auth-form-panel{padding:32px 24px 28px}.social-row{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:flex-start;gap:10px}}.page.login-split{justify-content:flex-start;align-items:stretch;padding:0}.page-brand{z-index:3;align-items:center;gap:10px;text-decoration:none;transition:opacity .16s;display:inline-flex;position:absolute;top:28px;left:36px}.page-brand:hover{opacity:.8}.page-brand-logo{width:auto;height:30px;display:block}.page-brand-name{letter-spacing:-.01em;color:var(--ink);font-size:1.02rem;font-weight:700}.split-layout{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);width:100%;max-width:1280px;min-height:100dvh;margin:0 auto;padding:112px clamp(24px,4.5vw,56px) 56px;display:grid;position:relative}.brand-panel{color:var(--ink);-webkit-backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #fff9;border-radius:24px;max-width:600px;padding:clamp(28px,3.2vw,44px);box-shadow:0 24px 64px #00000047}.brand-eyebrow{border-radius:var(--radius-pill);color:#6e5200;letter-spacing:.14em;text-transform:uppercase;background:#ffd74761;border:1px solid #a37a0059;margin-bottom:20px;padding:7px 14px;font-size:.72rem;font-weight:700;display:inline-block}.brand-headline{letter-spacing:-.02em;color:var(--ink);margin-bottom:16px;font-size:clamp(2rem,3.4vw,3.1rem);font-weight:700;line-height:1.08}.brand-copy{color:var(--ink-soft);max-width:48ch;font-size:1.03rem;line-height:1.65}.brand-features{flex-direction:column;gap:16px;margin-top:32px;list-style:none;display:flex}.brand-feature{align-items:flex-start;gap:14px;display:flex}.brand-feature-icon{color:#5c4400;background:#ffd7476b;border:1px solid #a37a0047;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 16px #0000001a}.brand-feature strong{color:var(--ink);margin-bottom:2px;font-size:.97rem;font-weight:600;display:block}.brand-feature small{color:var(--muted);font-size:.85rem;line-height:1.45;display:block}.card-panel{justify-content:flex-end;display:flex}.login-split .auth-card{width:100%;max-width:440px}@media (prefers-reduced-motion:no-preference){.brand-panel>*{opacity:0;animation:.6s cubic-bezier(.2,.7,.3,1) forwards login-rise;transform:translateY(14px)}.brand-panel>:nth-child(2){animation-delay:80ms}.brand-panel>:nth-child(3){animation-delay:.16s}.brand-panel>:nth-child(4){animation-delay:.24s}.login-split .auth-card{opacity:0;animation:.65s cubic-bezier(.2,.7,.3,1) .18s forwards login-rise;transform:translateY(18px)}}@keyframes login-rise{to{opacity:1;transform:translateY(0)}}@media (width<=960px){.split-layout{grid-template-columns:1fr;align-content:center;justify-items:center;gap:36px;padding:104px 20px 44px}.brand-panel{text-align:center;max-width:560px}.brand-copy{margin:0 auto}.brand-features{display:none}.card-panel{justify-content:center;width:100%}}@media (width<=560px){.page-brand{top:16px;left:16px}.split-layout{padding-top:88px}.brand-headline br{display:none}}