:root{--brand:#474dee;--brand-deep:#3633ca;--brand-blue:#5a9fff;--ink:#17172a;--muted:#6b6f86;--line:#e7e9f3;--surface:#fff;--surface-soft:#f3f4fb;--surface-page:#eef0f8;--danger:#e04444;--radius-sm:12px;--radius:14px;--radius-lg:26px;--shadow-soft:0 1px 2px #17172a0d, 0 24px 48px -26px #17172a42;--shadow-brand:0 22px 46px -18px #474dee8c;--shadow-brand-sm:0 12px 26px -14px #474dee80}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--surface-page);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input{font:inherit}.login-page{grid-template-columns:minmax(380px,44vw) 1fr;min-height:100vh;display:grid}.brand-pane{background:radial-gradient(42rem 32rem at 112% -12%, #ffffff42, transparent 60%), radial-gradient(34rem 30rem at -12% 116%, #5a9fff80, transparent 58%), linear-gradient(150deg, var(--brand-deep) 0%, var(--brand) 52%, var(--brand-blue) 128%);color:#fff;flex-direction:column;justify-content:space-between;gap:40px;min-height:100vh;padding:clamp(24px,5vw,56px);display:flex;position:relative;overflow:hidden}.brand-pane:before{content:"";background-image:radial-gradient(#ffffff29 1.4px,#0000 1.6px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.brand-pane:after{filter:blur(8px);content:"";pointer-events:none;background:radial-gradient(circle,#ffffff38,#0000 70%);border-radius:50%;width:26rem;height:26rem;position:absolute;top:-8rem;right:-6rem}.brand-pane__top,.brand-pane__copy,.brand-pane__foot{z-index:1;position:relative}.brand-wordmark{width:auto;height:38px;display:block}.brand-wordmark--light{color:#fff}.brand-pane__tagline{color:#ffffffdb;max-width:28ch;margin:14px 0 0;font-size:16px;font-weight:600;line-height:1.4;display:none}.brand-pane__copy{gap:10px;max-width:520px;display:grid}.tip-rotator{min-height:280px;position:relative}.tip-card{opacity:0;filter:blur(8px);will-change:opacity, transform, filter;align-content:end;gap:14px;animation:40s cubic-bezier(.22,1,.36,1) infinite rotate-tip;display:grid;position:absolute;inset:0;transform:translateY(24px)scale(.97)}.tip-card:nth-child(2){animation-delay:8s}.tip-card:nth-child(3){animation-delay:16s}.tip-card:nth-child(4){animation-delay:24s}.tip-card:nth-child(5){animation-delay:32s}.tip-card__eyebrow{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:780}.tip-card h2{letter-spacing:0;margin:0;font-size:clamp(30px,4vw,48px);font-weight:760;line-height:1.02}.tip-card p{color:#ffffffd1;max-width:480px;margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.45}.brand-pane__foot{color:#ffffffa8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:13px;display:flex}.brand-pane__client{overflow-wrap:anywhere}@keyframes rotate-tip{0%{opacity:0;filter:blur(8px);transform:translateY(24px)scale(.97)}3%{opacity:1;filter:blur();transform:translateY(0)scale(1)}17%{opacity:1;filter:blur();transform:translateY(0)scale(1)}20%{opacity:0;filter:blur(8px);transform:translateY(-26px)scale(1.02)}to{opacity:0;filter:blur(8px);transform:translateY(24px)scale(.97)}}.auth-pane{background:radial-gradient(38rem 26rem at 50% -12%, #474dee12, transparent 62%), var(--surface-soft);place-items:center;min-height:100vh;padding:clamp(24px,6vw,72px);display:grid}.auth-stack{gap:18px;width:min(440px,100%);display:grid}.auth-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-soft);padding:clamp(28px,4vw,44px);animation:.5s cubic-bezier(.22,1,.36,1) both panel-rise}@keyframes panel-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-header{gap:10px;margin-bottom:28px;display:grid}.eyebrow{color:var(--brand);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:760}.auth-foot{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.auth-foot svg{color:var(--brand);flex:none}.auth-header h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(34px,5vw,50px);font-weight:780;line-height:1}.auth-header p{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.auth-form{gap:18px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--ink);font-size:14px;font-weight:680}.field input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);outline:none;min-height:52px;padding:0 14px;font-size:16px;transition:border-color .18s,box-shadow .18s}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #474dee1f}.primary-button{border-radius:var(--radius);background-image:linear-gradient(135deg, var(--brand-deep) 0%, var(--brand) 55%, var(--brand-blue) 135%);width:100%;min-height:52px;box-shadow:var(--shadow-brand-sm);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;font-size:16px;font-weight:760;text-decoration:none;transition:box-shadow .18s,filter .18s,transform .18s;display:inline-flex}.primary-button:hover{box-shadow:var(--shadow-brand);filter:brightness(1.06);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{cursor:default;filter:saturate(.85);opacity:.7;box-shadow:none;transform:none}.primary-button--link{margin-top:8px}.form-error,.notice{border-radius:var(--radius);color:var(--danger);background:#e0444414;border:1px solid #e0444438;margin:0;padding:12px 14px;font-size:14px;line-height:1.45}.notice{color:var(--muted);border-color:var(--line);background:var(--surface-soft)}.account-chip{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 14px;display:flex}.account-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-chip a{color:var(--brand);flex:none;font-size:14px;font-weight:700;text-decoration:none}@media (max-width:860px){.login-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.brand-pane{border-radius:0 0 28px 28px;gap:0;min-height:auto;padding:28px 24px 32px}.brand-pane:before{-webkit-mask-image:none;mask-image:none}.brand-pane:after{display:none}.brand-wordmark{height:30px}.brand-pane__tagline{margin-top:12px;font-size:15px;display:block}.brand-pane__copy,.brand-pane__foot{display:none}.auth-pane{align-items:start;min-height:auto;padding:22px 20px 40px}.auth-stack{margin-top:-28px}.auth-panel{box-shadow:var(--shadow-soft)}}@media (prefers-reduced-motion:reduce){.tip-card{opacity:1;animation:none;display:none;transform:none}.tip-card:first-child{display:grid}}