.auth-screen .login-story h1 span{color:#7865c3}.auth-screen .login-story{padding:65px 8vw}.auth-screen .login-form{padding:48px 40px}.auth-panel{width:390px;max-width:calc(100vw - 40px)}.auth-panel form{width:100%;max-width:none}.auth-panel>.eyebrow{margin-bottom:16px}.auth-panel h2{font-size:29px;letter-spacing:-1px;line-height:1.2}.auth-story-note{font-size:11px;line-height:2;color:#776e95;margin-top:70px}.google-button{width:100%;margin-top:22px;padding:13px;display:flex;justify-content:center;align-items:center;gap:14px}.google-letter{color:#4285f4;font-size:20px;font-weight:700}.auth-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:23px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-tabs{display:flex;background:#eeeee9;padding:4px;border-radius:10px;gap:4px}.auth-tabs button{width:50%;background:transparent;border-color:transparent;font-size:13px;padding:10px}.auth-tabs button.selected{background:white;box-shadow:0 2px 6px #2221;color:var(--purple)}.auth-panel .demo-strip{margin:16px 0}.auth-panel .primary{margin-top:16px}.auth-panel .field-help{font-weight:400}.legacy-login{border-top:1px solid var(--line);padding-top:16px;margin-top:25px;color:var(--muted);font-size:12px}.legacy-login summary{cursor:pointer}.legacy-login button{margin-top:15px}.auth-back{border:0;background:none;padding:0;margin-bottom:32px;font-size:12px;color:var(--purple)}.auth-panel>.auth-back:last-child{margin-top:22px}.otp-input{font-size:30px!important;letter-spacing:12px;text-align:center;padding:16px!important;font-variant-numeric:tabular-nums}.resend-code{border:0;background:transparent;padding-left:0;color:var(--purple);font-size:12px;margin:20px 0 5px}.profile-names{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar-bottom{flex-wrap:wrap;gap:6px}.sidebar-bottom span{width:100%;margin-bottom:5px}.welcome-screen{min-height:100svh;background:#241d40;color:#faf8ff;display:grid;place-items:center;overflow:hidden;position:relative;padding:40px 24px}.welcome-content{position:relative;z-index:1;max-width:830px;text-align:center}.welcome-content .eyebrow{color:#b9afcf;margin-bottom:28px}.welcome-content h1{font-size:clamp(36px,6vw,76px);letter-spacing:-2px;animation:welcome-enter .7s both}.welcome-content h1 span{color:#d9f3a0}.welcome-message{font-size:clamp(23px,3.4vw,42px);line-height:1.6;letter-spacing:-.8px;margin:22px 0 32px;animation:welcome-enter .7s .1s both}.kinetic-word{display:inline-block;position:relative;color:#d9f3a0}.word-one{animation:word-lift 1.1s .25s both}.word-two{animation:word-lift 1.1s .8s both}.word-three{animation:word-lift 1.1s 1.4s both}.kinetic-orbit{border:1px solid #bdace329;border-radius:50%;position:absolute;pointer-events:none}.orbit-one{width:70vw;height:70vw;min-width:650px;min-height:650px;transform:rotate(-25deg) scaleY(.55);animation:orbit-drift 12s linear infinite}.orbit-two{width:95vw;height:95vw;transform:rotate(30deg) scaleY(.55);animation:orbit-drift 15s linear reverse infinite}.kinetic-dot{position:absolute;border-radius:50%;background:#b899ea;filter:blur(1px);opacity:.65;animation:dot-drift 5s ease-in-out infinite alternate}.dot-one{width:20px;height:20px;left:12%;top:24%}.dot-two{width:9px;height:9px;right:14%;bottom:20%;background:#d9f3a0;animation-delay:1s}.welcome-progress{width:160px;height:3px;background:#ffffff25;overflow:hidden;border-radius:4px;margin:28px auto 14px}.welcome-progress span{display:block;background:#d9f3a0;width:100%;height:100%;transform-origin:left;animation:welcome-fill 5s linear both}.welcome-caption{font-size:11px;letter-spacing:.2px;color:#b9afcf}.welcome-content button{background:transparent;border-color:#ffffff35;color:#efebf8;font-size:12px}.welcome-content button:hover{background:#ffffff12}@keyframes welcome-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes word-lift{0%{opacity:0;transform:translateY(20px) rotate(-4deg)}65%{opacity:1;transform:translateY(-5px) rotate(1deg)}100%{opacity:1;transform:none}}@keyframes orbit-drift{from{rotate:0deg}to{rotate:360deg}}@keyframes dot-drift{to{transform:translate(35px,-30px) scale(1.4)}}@keyframes welcome-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:760px){.auth-screen{grid-template-columns:1fr}.auth-screen .login-story{padding:28px}.auth-screen .login-story .brand{margin-bottom:24px}.auth-screen .login-story h1{font-size:30px}.auth-screen .login-story h1 br{display:none}.auth-story-note{display:none}.auth-screen .login-form{padding:30px 20px}.auth-panel{width:100%;max-width:440px}.auth-screen .login-story p{font-size:12px}.auth-screen .login-story p br{display:none}.welcome-content h1{letter-spacing:-1px}.welcome-message{letter-spacing:-.4px}.profile-names{gap:10px}}@media(prefers-reduced-motion:reduce){.welcome-screen *{animation:none!important}.welcome-progress span{transform:none}}

button.danger { color: var(--red-fg, #A81E1A); border: 1px solid var(--red-fg, #A81E1A); background: var(--red-bg, #FCECEB); }
button.danger:hover { filter: brightness(.96); }
#delete-profile-form input { width: 100%; box-sizing: border-box; }