/* Account pages share Studio colours, typography and theme. */
:root{font-family:var(--td-font,system-ui,sans-serif);color-scheme:dark}*{box-sizing:border-box}
body{margin:0;min-height:100vh;line-height:1.65;color:var(--td-text,#eff8ff);background:radial-gradient(ellipse at 50% 0,rgba(16,217,255,.07),transparent 55%),var(--td-bg,#010817)}
.auth-page{padding:0 24px 28px}.auth-header{max-width:1120px;min-height:104px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--td-line-soft)}
.auth-brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--td-text);min-width:0}.auth-brand img{width:84px;height:56px;object-fit:contain}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:18px;font-weight:650;letter-spacing:.02em}.auth-brand small{font-size:12px;color:var(--td-muted);margin-top:2px}.auth-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.auth-card{width:100%;max-width:484px;margin:64px auto 32px;border:1px solid var(--td-line,#164b7f);border-radius:20px;padding:34px;background:var(--td-panel,#05162e);box-shadow:var(--td-shadow,0 18px 54px #0005)}.auth-card.wide{max-width:900px;margin-top:32px;padding:30px 34px}
.auth-section-label{font-size:11px;letter-spacing:.15em;font-weight:650;color:var(--td-accent);margin:0 0 10px}.auth-card h1{font-size:28px;font-weight:650;letter-spacing:-.025em;line-height:1.4;margin:0 0 12px}.auth-card h2{font-size:19px;font-weight:650;line-height:1.5;margin:30px 0 16px}.auth-card h3{font-size:16px;line-height:1.5;margin:0;font-weight:650}.auth-card p{font-size:14px;margin:12px 0 22px;overflow-wrap:anywhere}
.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:8px;font-size:13px;font-weight:550;color:var(--td-text)}.auth-card input{width:100%;min-width:0;min-height:46px;border:1px solid var(--td-line);border-radius:10px;padding:11px 13px;font:inherit;font-size:16px;color:var(--td-text);background:var(--td-bg-2);transition:border-color .15s}.auth-card input:focus-visible{outline:3px solid color-mix(in srgb,var(--td-accent) 18%,transparent);border-color:var(--td-accent)}
.auth-card button{font:inherit;font-weight:600;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:10px;background:linear-gradient(120deg,var(--td-accent),var(--td-accent-2));color:#001b2b;cursor:pointer;line-height:1.5}.auth-card button:hover{filter:brightness(1.08)}.auth-card button.quiet{border-color:var(--td-line);background:var(--td-panel-2);color:var(--td-text)}.auth-card button.danger{border-color:color-mix(in srgb,var(--td-danger) 45%,transparent);background:color-mix(in srgb,var(--td-danger) 9%,var(--td-panel));color:var(--td-danger)}
.auth-card a{color:var(--td-accent);text-underline-offset:4px}.auth-card :is(button,a):focus-visible,.auth-header :is(a,button):focus-visible{outline:2px solid var(--td-accent);outline-offset:4px}.muted,.auth-page>footer{font-size:13px;color:var(--td-muted)}.auth-page>footer{text-align:center;margin:28px auto 12px}
.auth-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-bottom:1px solid var(--td-line-soft);padding-bottom:18px;margin-bottom:26px}.auth-nav a{display:inline-flex;min-height:40px;align-items:center;border:1px solid transparent;border-radius:9px;padding:8px 14px;font-size:13px;text-decoration:none;color:var(--td-muted)}.auth-nav a:first-child{margin-right:auto;padding-left:0}.auth-nav a[aria-current="page"]{background:var(--td-panel-2);border-color:var(--td-line);color:var(--td-text)}.auth-nav a:hover{color:var(--td-accent)}
.notice{background:color-mix(in srgb,var(--td-accent-3) 9%,var(--td-panel));border:1px solid color-mix(in srgb,var(--td-accent-3) 40%,transparent);border-left:3px solid var(--td-accent-3);padding:14px;border-radius:9px;overflow-wrap:anywhere}.notice.error{background:color-mix(in srgb,var(--td-danger) 8%,var(--td-panel));border-color:color-mix(in srgb,var(--td-danger) 50%,transparent);color:var(--td-text)}
.team-list{display:grid;gap:14px}.team-member{border:1px solid var(--td-line);border-radius:14px;padding:20px;min-width:0}.team-member p{color:var(--td-muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px}.invite-link{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:400}.invite-form{background:var(--td-bg-2);padding:22px;border:1px solid var(--td-line-soft);border-radius:14px}
.account-identity{display:flex;gap:14px;align-items:center;margin:24px 0;padding:18px;border:1px solid var(--td-line-soft);border-radius:12px;background:var(--td-bg-2)}.account-avatar{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:var(--td-panel-2);color:var(--td-accent)}.account-avatar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.account-identity p{margin:3px 0 0;font-size:13px;color:var(--td-muted)}.account-identity>div:last-child{min-width:0;overflow-wrap:anywhere}.account-password-form{max-width:540px}
:root[data-theme="light"] .auth-card button:not(.quiet):not(.danger){color:#fff;background:linear-gradient(120deg,#007cae,#0066b0)}
@media(max-width:600px){.auth-page{padding:0 14px 20px}.auth-header{min-height:88px;gap:10px;flex-wrap:wrap;padding:16px 0}.auth-brand{gap:9px}.auth-brand img{width:52px;height:42px}.auth-brand strong{font-size:15px}.auth-brand small{font-size:10px}.auth-header-actions{gap:8px}.authenticated .auth-header-actions{width:100%;justify-content:flex-end}.auth-card,.auth-card.wide{padding:24px 20px;margin:26px auto}.auth-card h1{font-size:25px}.auth-nav{gap:4px}.auth-nav a{padding:8px 10px}.auth-nav a:first-child{width:100%;margin:0}.invite-form,.team-member{padding:16px}.actions{display:grid}.actions button{width:100%}.auth-page>footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}