/* ===== Auth Page (Login/Register) ===== */
/* ---- Theme toggle button on auth/onboarding pages ---- */
.auth-theme-toggle{position:absolute;top:20px;right:20px;z-index:10;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(0,82,217,.15);background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s var(--ease-spring),border-color .25s var(--ease-spring),transform .25s var(--ease-spring)}
.auth-theme-toggle:hover{background:rgba(255,255,255,.8);border-color:rgba(0,82,217,.3);transform:scale(1.08)}
.auth-theme-toggle .material-symbols-outlined{font-size:20px;color:var(--md-on-surface-variant);position:absolute;transition:opacity .3s,transform .3s}
.auth-theme-toggle .icon-light{opacity:0;transform:rotate(-90deg) scale(.5)}
[data-theme="dark"] .auth-theme-toggle{background:rgba(43,41,48,.6);border-color:rgba(110,161,255,.2)}
[data-theme="dark"] .auth-theme-toggle:hover{background:rgba(43,41,48,.85);border-color:rgba(110,161,255,.4)}
[data-theme="dark"] .auth-theme-toggle .icon-dark{opacity:0;transform:rotate(90deg) scale(.5)}
[data-theme="dark"] .auth-theme-toggle .icon-light{opacity:1;transform:rotate(0) scale(1)}
/* ---- Onboarding toolbar (theme + logout) ---- */
.ob-toolbar{position:absolute;top:20px;right:20px;z-index:10;display:flex;align-items:center;gap:8px}
.ob-toolbar .auth-theme-toggle{position:static}
/* ---- Logout button on onboarding ---- */
.ob-logout-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(0,82,217,.15);background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s var(--ease-spring),border-color .25s var(--ease-spring),transform .25s var(--ease-spring)}
.ob-logout-btn:hover{background:rgba(255,255,255,.8);border-color:rgba(220,53,69,.3);transform:scale(1.08)}
.ob-logout-btn .material-symbols-outlined{font-size:20px;color:var(--md-on-surface-variant);transition:color .3s}
.ob-logout-btn:hover .material-symbols-outlined{color:#dc3545}
[data-theme="dark"] .ob-logout-btn{background:rgba(43,41,48,.6);border-color:rgba(110,161,255,.2)}
[data-theme="dark"] .ob-logout-btn:hover{background:rgba(43,41,48,.85);border-color:rgba(255,100,100,.4)}
[data-theme="dark"] .ob-logout-btn:hover .material-symbols-outlined{color:#ff6b6b}
.auth-overlay{position:fixed;inset:0;z-index:9999;display:flex;background:linear-gradient(135deg,#F0F5FF 0%,#E5EDFF 30%,#E5EDFF 60%,#F0F5FF 100%);background-size:400% 400%;animation:gradientShift 8s ease infinite}
.auth-overlay::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,82,217,.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,82,217,.15) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(0,82,217,.12) 0%,transparent 50%);pointer-events:none}
/* hidden 状态 —— 不可见+不交互；过渡中使用 .transitioning 实现动画 */
.auth-overlay.hidden{display:none}
/* === 登录 → Onboarding 共享光影过渡状态 === */
.auth-overlay.auth-transitioning{display:flex !important;pointer-events:none}
/* auth-right 滑出 */
.auth-right.tr-slide-out{
  animation:authRightSlideOut .5s cubic-bezier(.4,0,.2,1) forwards
}
/* auth-left 内容群淡出 */
.auth-brand.tr-dissolve{
  animation:authBrandDissolve .45s cubic-bezier(.4,0,.2,1) forwards
}
/* auth-left 整体背景淡出（光斑层保留更久）*/
.auth-left.tr-fade-bg{
  animation:authLeftFadeBg .6s cubic-bezier(.4,0,.2,1) .25s forwards
}
/* auth-overlay 最终淡出（光斑层最后消失） */
.auth-overlay.tr-final-fade{
  animation:authFinalFade .35s ease forwards
}
.auth-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}
/* ---- 超远波纹层 —— 从品牌中心辐射至整个面板 ---- */
.far-ripple{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.fr1{width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,82,217,.12);animation:farRipple 6s ease-out infinite}
.fr2{width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(61,128,255,.1);animation:farRipple 6s ease-out infinite 3s}
/* ---- Aurora removed ---- */
/* ---- Caustics 光影斑驳层 ---- */
.caustics-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.caustic{
  position:absolute;border-radius:50%;
  background:radial-gradient(ellipse,var(--caustic-color,rgba(0,82,217,.1)) 0%,transparent 70%);
  mix-blend-mode:var(--caustic-blend,multiply);
  pointer-events:none;
  will-change:transform,opacity;
}
/* 自由漂浮光斑 —— 各有不同大小/颜色/轨迹 */
.c1{width:420px;height:320px;top:5%;left:-5%;--caustic-color:rgba(0,82,217,.25);animation:causticDrift1 20s ease-in-out infinite,causticBreath 4s ease-in-out infinite}
.c2{width:350px;height:280px;top:60%;right:-8%;--caustic-color:rgba(61,128,255,.22);animation:causticDrift2 25s ease-in-out infinite,causticBreath 4s ease-in-out infinite 1s}
.c3{width:280px;height:220px;top:30%;left:20%;--caustic-color:rgba(110,161,255,.2);animation:causticDrift3 18s ease-in-out infinite,causticBreath 4s ease-in-out infinite 2s}
.c4{width:500px;height:400px;bottom:-10%;left:30%;--caustic-color:rgba(0,82,217,.16);animation:causticDrift4 28s ease-in-out infinite,causticBreath 4s ease-in-out infinite 0.5s}
.c5{width:220px;height:180px;top:10%;right:15%;--caustic-color:rgba(163,196,255,.24);animation:causticDrift5 22s ease-in-out infinite,causticBreath 4s ease-in-out infinite 1.5s}
.c6{width:380px;height:300px;bottom:5%;left:-3%;--caustic-color:rgba(61,128,255,.18);animation:causticDrift6 30s ease-in-out infinite,causticBreath 4s ease-in-out infinite 3s}
/* 按钮锚定光斑 —— JS 定位，环绕运动 */
.c-kw{
  width:180px;height:140px;
  --caustic-color:rgba(0,82,217,.14);
  mix-blend-mode:screen;
  animation:causticBreath 4s ease-in-out infinite;
  transition:transform .8s ease,opacity .8s ease;
}
.c-kw1{animation:kwOrbit1 8s ease-in-out infinite,causticBreath 4s ease-in-out infinite}
.c-kw2{animation:kwOrbit2 10s ease-in-out infinite 0.5s,causticBreath 4s ease-in-out infinite 1.3s}
.c-kw3{animation:kwOrbit3 9s ease-in-out infinite 1s,causticBreath 4s ease-in-out infinite 2.6s}
/* ---- Icon floating & glow ---- */
.auth-brand{text-align:center;position:relative;z-index:1}
/* === Logo Wrap — 能量场容器 === */
.auth-logo-wrap{position:relative;width:320px;height:320px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}
/* --- 能量脉冲环（三层同心扩散） --- */
.energy-pulse{position:absolute;border-radius:50%;border:1.5px solid rgba(0,82,217,.25);pointer-events:none;animation:energyPulse 4s ease-out infinite}
.ep1{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:0s}
.ep2{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:1.3s}
.ep3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:2.6s}
/* 超远脉冲 —— 扩散更大、更慢、颜色过渡到冰蓝 */
.ep4{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation:energyPulseFar 5.5s ease-out infinite 0.6s;border-color:rgba(61,128,255,.18)}
.ep5{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation:energyPulseFar 5.5s ease-out infinite 2.2s;border-color:rgba(163,196,255,.15)}
/* --- 粒子轨道（椭圆轨道旋转光点） --- */
.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,82,217,.08);top:50%;left:50%;pointer-events:none}
.or1{width:220px;height:220px;margin:-110px 0 0 -110px;animation:orbitSpin 12s linear infinite}
.or2{width:270px;height:210px;margin:-105px 0 0 -135px;animation:orbitSpin 18s linear infinite reverse;border-color:rgba(61,128,255,.07)}
.or3{width:300px;height:250px;margin:-125px 0 0 -150px;animation:orbitSpin 25s linear infinite;border-color:rgba(163,196,255,.06)}
.orbit-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(0,82,217,.6);box-shadow:0 0 8px rgba(0,82,217,.5),0 0 16px rgba(0,82,217,.2);top:-3px;left:50%;margin-left:-3px}
.or2 .orbit-dot{width:5px;height:5px;top:auto;bottom:-2.5px;left:30%;background:rgba(61,128,255,.5);box-shadow:0 0 8px rgba(61,128,255,.4),0 0 14px rgba(61,128,255,.15)}
.or3 .orbit-dot{width:4px;height:4px;top:50%;left:-2px;margin-left:0;margin-top:-2px;background:rgba(163,196,255,.5);box-shadow:0 0 6px rgba(163,196,255,.4),0 0 12px rgba(163,196,255,.1)}
/* --- Logo 本体（加大版） --- */
.auth-logo{width:170px;height:170px;background:transparent;border-radius:32px;display:flex;align-items:center;justify-content:center;position:relative;animation:authIconFloat 4s ease-in-out infinite;z-index:2}
.auth-logo::before{content:'';position:absolute;width:130%;height:130%;border-radius:50%;background:radial-gradient(circle,rgba(0,82,217,.16) 0%,rgba(0,82,217,.05) 40%,transparent 70%);animation:authIconGlow 3s ease-in-out infinite;pointer-events:none}
.auth-logo::after{content:'';position:absolute;width:160%;height:160%;border-radius:50%;border:1px solid rgba(0,82,217,.06);animation:authIconRing 8s linear infinite;pointer-events:none}
.auth-logo .adclaw-icon{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(0,0,0,.15)) drop-shadow(0 0 24px rgba(0,82,217,.15));transition:transform .4s var(--ease-spring),filter .4s ease;position:relative;z-index:1}
.auth-logo:hover .adclaw-icon,.auth-logo.logo-excited .adclaw-icon{transform:scale(1.1) rotate(-3deg);filter:drop-shadow(0 12px 36px rgba(0,0,0,.2)) drop-shadow(0 0 32px rgba(0,82,217,.25))}
/* === 按钮 hover 联动 — 能量场加速 === */
.auth-logo-wrap.energy-boost .energy-pulse{animation-duration:2s;border-width:2px;border-color:rgba(0,82,217,.4)}
.auth-logo-wrap.energy-boost .ep4,.auth-logo-wrap.energy-boost .ep5{animation-duration:3s}
.auth-logo-wrap.energy-boost .orbit-ring{filter:brightness(1.5)}
.auth-logo-wrap.energy-boost .or1{animation-duration:6s}
.auth-logo-wrap.energy-boost .or2{animation-duration:9s}
.auth-logo-wrap.energy-boost .or3{animation-duration:12s}
.auth-logo-wrap.energy-boost .orbit-dot{transform:scale(1.5);box-shadow:0 0 12px rgba(0,82,217,.7),0 0 24px rgba(0,82,217,.3)}
.auth-logo-wrap.energy-boost .logo-reflection{opacity:1;transform:translateX(-50%) scaleX(1.3)}
/* energy-boost 联动超远波纹加速 */
.auth-left:has(.energy-boost) .far-ripple{animation-duration:3s;border-width:1.5px}
/* --- 底部倒影光斑 --- */
.logo-reflection{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:150px;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,82,217,.15) 0%,rgba(0,82,217,.05) 50%,transparent 80%);animation:reflectionPulse 4s ease-in-out infinite;pointer-events:none;z-index:1;transition:opacity .4s ease,transform .4s ease}
/* === (aurora breath removed) === */
.auth-brand h1{font-family:'Google Sans',sans-serif;font-size:54px;font-weight:700;margin-bottom:8px;position:relative;display:inline-block}
/* === 品牌标题渐变与光效 === */
.brand-title{position:relative;overflow:visible}
.brand-ad{background:linear-gradient(135deg,#003185 0%,#0052D9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;position:relative;z-index:2}
.brand-claw{background:linear-gradient(135deg,#0052D9 0%,#3D80FF 50%,#6EA1FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;position:relative;z-index:2}
/* === AdClaw 自发光 —— 隐藏文字副本 + blur 产生柔和辉光 === */
.brand-glow{
  position:absolute;top:0;left:0;right:0;bottom:0;
  font-family:inherit;font-size:inherit;font-weight:700;
  color:#2B6BE6;
  filter:blur(12px);
  opacity:.5;
  pointer-events:none;
  z-index:1;
  animation:brandGlowBreath 4s ease-in-out infinite;
  /* 确保文字位置与父级完全对齐 */
  display:flex;align-items:center;justify-content:center;
  white-space:nowrap;
  -webkit-text-fill-color:#2B6BE6;
  background:none;-webkit-background-clip:unset;background-clip:unset;
}
/* shimmer扫光 —— 隐藏 */
.brand-shimmer{display:none}
/* --- 副标题 --- */
.auth-subtitle{font-size:17px;color:#5F6368;letter-spacing:.5px;margin-bottom:20px}
/* --- 关键词标签组 --- */
.auth-keywords{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
/* === Liquid Glass 胶囊 === */
.auth-kw{
  position:relative;display:inline-flex;align-items:center;gap:8px;
  padding:10px 22px;border-radius:28px;
  /* 液态玻璃基底：高模糊 + 高饱和 */
  background:linear-gradient(135deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.2) 50%,rgba(230,240,255,.3) 100%);
  backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);
  -webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);
  /* 折射感边框：双层叠加 */
  border:1px solid rgba(255,255,255,.5);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.6),
    inset 0 -1px 2px rgba(0,82,217,.04),
    0 2px 8px rgba(0,82,217,.06),
    0 0 0 .5px rgba(255,255,255,.3);
  font-size:15px;font-weight:600;color:#1a3a6b;
  cursor:default;overflow:hidden;isolation:isolate;
  transition:transform .35s var(--ease-spring),background .35s var(--ease-spring),box-shadow .35s var(--ease-spring)
}
/* 内部高光弧线 —— 模拟玻璃折射 */
.auth-kw::before{
  content:'';position:absolute;top:-50%;left:-20%;
  width:140%;height:100%;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 44%,rgba(255,255,255,.25) 50%,transparent 56%);
  pointer-events:none;z-index:1;
  transition:transform .5s ease,opacity .5s ease;
  transform:translateX(0)
}
/* 边缘色散光带 —— 彩虹折射 */
.auth-kw::after{
  content:'';position:absolute;inset:-1px;border-radius:25px;
  background:conic-gradient(from 180deg,
    rgba(0,82,217,.12),
    rgba(61,128,255,.15),
    rgba(163,196,255,.18),
    rgba(255,255,255,.2),
    rgba(163,196,255,.15),
    rgba(61,128,255,.12),
    rgba(0,82,217,.12));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  padding:1px;pointer-events:none;z-index:0;
  opacity:.5;animation:liquidEdgeShift 6s linear infinite;
  transition:opacity .4s ease
}
/* hover — 光弧滑动 + 色散增强 + 浮起 */
.auth-kw:hover{
  transform:translateY(-3px) scale(1.04);
  background:linear-gradient(135deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.3) 50%,rgba(230,240,255,.4) 100%);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.7),
    inset 0 -1px 3px rgba(0,82,217,.06),
    0 8px 24px rgba(0,82,217,.12),
    0 0 0 .5px rgba(255,255,255,.4)
}
.auth-kw:hover::before{transform:translateX(80%);opacity:.7}
.auth-kw:hover::after{opacity:.9}
/* 图标渐变 */
.auth-kw .material-symbols-outlined{font-size:18px;background:linear-gradient(135deg,#0052D9,#3D80FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2}
.auth-kw span:last-child{position:relative;z-index:2}
/* 分隔点 */
.auth-kw-dot{font-size:14px;color:rgba(0,82,217,.2);font-weight:700;user-select:none}
.auth-features{margin-top:48px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}
.auth-feature{display:flex;align-items:center;gap:14px;padding:12px 20px;background:rgba(255,255,255,.6);border-radius:12px;backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);border:1px solid rgba(255,255,255,.4);transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring),background .25s var(--ease-spring)}
.auth-feature:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,82,217,.1);background:rgba(255,255,255,.75)}
.auth-feature-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.auth-feature-icon .material-symbols-outlined{font-size:22px;color:#fff}
.auth-feature-icon.af-purple{background:linear-gradient(135deg,#3D80FF,#002260)}
.auth-feature-icon.af-blue{background:linear-gradient(135deg,#0052D9,#003185)}
.auth-feature-icon.af-green{background:linear-gradient(135deg,#1E8E3E,#137333)}
.auth-feature h4{font-size:14px;font-weight:600;color:#202124}
.auth-feature p{font-size:12px;color:#5F6368;margin-top:2px}
.auth-right{width:480px;background:var(--md-surface);display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,.08)}
.auth-form-container{flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px 56px}
.auth-tabs{display:flex;gap:0;margin-bottom:32px;border-bottom:2px solid var(--md-surface-3)}
.auth-tab{flex:1;padding:12px 0;text-align:center;font-size:15px;font-weight:600;color:var(--md-outline);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .25s var(--ease-spring),border-color .25s var(--ease-spring);position:relative}
.auth-tab:hover{color:var(--md-on-surface)}
.auth-tab.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}
.auth-form{display:none;flex-direction:column;gap:20px}
.auth-form.active{display:flex}
.auth-field{display:flex;flex-direction:column;gap:6px}
.auth-label{font-size:13px;font-weight:600;color:var(--md-on-surface-variant)}
.auth-input{height:48px;border:1.5px solid var(--md-surface-4);border-radius:var(--radius-xs);padding:0 16px;font-family:inherit;font-size:14px;color:var(--md-on-surface);background:var(--md-surface);outline:none;transition:all .2s}
.auth-input:focus{border-color:var(--md-primary);box-shadow:0 0 12px rgba(0,82,217,.15),0 0 4px rgba(0,82,217,.1);outline:none !important}
.auth-input::placeholder{color:var(--md-outline)}
.auth-input-group{position:relative}
.auth-input-group .auth-input{padding-right:48px}
.auth-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--md-outline);cursor:pointer;transition:color .2s}
.auth-input-icon:hover{color:var(--md-on-surface)}
.auth-row{display:flex;align-items:center;justify-content:space-between}
.auth-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--md-on-surface-variant)}
.auth-checkbox input{width:18px;height:18px;accent-color:var(--md-primary)}
.auth-link{font-size:13px;color:var(--md-primary);text-decoration:none;font-weight:500}
.auth-link:hover{text-decoration:underline}
.auth-btn{height:48px;border:none;border-radius:var(--radius-lg);background:var(--brand-gradient);background-size:200% 200%;animation:gradientShift 4s ease infinite;color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:box-shadow .25s var(--ease-spring),transform .25s var(--ease-spring);box-shadow:0 4px 16px rgba(0,82,217,.3);position:relative;overflow:hidden}
.auth-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity .3s}
.auth-btn:hover{box-shadow:0 8px 24px rgba(0,82,217,.4);transform:translateY(-2px)}
.auth-btn:hover::after{opacity:1;animation:shimmer 1.8s ease infinite}
.auth-btn:disabled{background:var(--md-surface-3);color:var(--md-outline);box-shadow:none;cursor:not-allowed;transform:none}
.auth-btn .material-symbols-outlined{font-size:20px}
.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}
.auth-divider span{font-size:12px;color:var(--md-outline)}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--md-surface-3)}
.auth-social{display:flex;gap:12px}
.auth-social-btn{flex:1;height:44px;border:1.5px solid var(--md-surface-4);border-radius:var(--radius-xs);background:var(--md-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:13px;font-weight:500;color:var(--md-on-surface);transition:all .2s}
.auth-social-btn:hover{border-color:var(--md-primary);background:var(--md-surface-1)}
.auth-social-btn img{width:20px;height:20px}
.auth-social-btn .material-symbols-outlined{font-size:20px}
.auth-footer{padding:24px 56px;border-top:1px solid var(--md-surface-3);text-align:center}
.auth-footer p{font-size:12px;color:var(--md-outline);line-height:1.6}
.auth-footer a{color:var(--md-primary);text-decoration:none}
.auth-footer a:hover{text-decoration:underline}
/* Register extra fields */
.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth-verify-row{display:flex;gap:12px}
.auth-verify-row .auth-input{flex:1}
.auth-verify-btn{height:48px;padding:0 20px;border:1.5px solid var(--md-primary);border-radius:var(--radius-xs);background:var(--md-surface);color:var(--md-primary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}
.auth-verify-btn:hover{background:var(--md-primary-container)}
.auth-verify-btn:disabled{border-color:var(--md-surface-4);color:var(--md-outline);cursor:not-allowed}
.auth-terms{font-size:12px;color:var(--md-on-surface-variant);line-height:1.5}
.auth-terms a{color:var(--md-primary);text-decoration:none}
.auth-terms a:hover{text-decoration:underline}
.auth-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}
.auth-success-icon{width:72px;height:72px;border-radius:50%;background:var(--md-success-container);display:flex;align-items:center;justify-content:center}
.auth-success-icon .material-symbols-outlined{font-size:36px;color:var(--md-success)}
.auth-success h3{font-family:'Google Sans',sans-serif;font-size:20px;font-weight:600;color:var(--md-on-surface)}
.auth-success p{font-size:14px;color:var(--md-on-surface-variant);text-align:center}