:root{--dt-auth-panel-bg:var(--dt-ink-950);--dt-auth-panel-text:var(--dt-white);--dt-auth-panel-text-muted:#aeb6ce;--dt-auth-panel-text-soft:var(--dt-ink-300);--dt-auth-panel-icon:var(--dt-primary-300);--dt-auth-panel-bubble-in:var(--dt-surface-muted);--dt-auth-panel-bubble-out:#3d58ff;--dt-auth-panel-tag-bg:#8b9bff33;--dt-auth-panel-tag-text:#b4beff;--dt-auth-success-icon:#4ade80}[data-theme=dark]{--dt-auth-error-text:#ff8a8e}.auth{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100vh;display:grid}.auth-form-side{background:var(--dt-bg);place-items:center;padding:48px 32px;display:grid;position:relative}.auth-logo{position:absolute;inset-block-start:48px;inset-inline-start:48px}.auth-card{gap:28px;width:100%;max-width:420px;display:grid}.auth-legal{gap:16px;display:flex;position:absolute;inset-block-end:24px}.auth-brand{color:var(--dt-auth-panel-text);background:radial-gradient(120% 80% at 100% 0,#3d58ff47,#0000 55%),radial-gradient(90% 70% at 0 100%,#ff6b6b1f,#0000 50%),linear-gradient(165deg,#0b1024 0%,#121a3a 48%,#0e1430 100%);flex-direction:column;justify-content:space-between;gap:36px;padding:48px 52px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";opacity:.7;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='56' height='56' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 0L32 28L56 28L28 56L24 28L0 28z' fill='%23fff' fill-opacity='0.018'/%3E%3C/svg%3E");background-size:56px 56px;position:absolute;inset:0}.auth-brand-glow{pointer-events:none;background:radial-gradient(closest-side,#3d58ff6b,#0000 72%);border-radius:50%;width:480px;height:480px;animation:8s ease-in-out infinite alternate auth-glow;position:absolute;inset-block-end:-180px;inset-inline-end:-140px}.auth-brand-glow-2{background:radial-gradient(closest-side,#ff6b6b2e,#0000 70%);width:320px;height:320px;animation-delay:-3s;inset-block:-160px auto;inset-inline:-120px auto}.auth-brand>:not(.auth-brand-glow){z-index:1;position:relative}.auth-brand-top{animation:auth-rise .56s var(--dt-motion-easing) both;gap:28px;display:grid}.auth-brand-logo{width:auto}.auth-brand-title{letter-spacing:-.02em;max-width:12ch;margin:0;font-size:clamp(34px,3.4vw,46px);font-weight:900;line-height:1.28}.auth-brand-title .coral-text{background:linear-gradient(120deg, var(--dt-accent), #ff8f7a 70%);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-brand-stage{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:end;gap:28px;min-height:0;display:grid}.auth-points{animation:auth-rise .64s var(--dt-motion-easing) 80ms both;gap:18px;margin:0;padding:0;list-style:none;display:grid}.auth-points li{align-items:flex-start;gap:12px;display:flex}.auth-point-icon{width:36px;height:36px;color:var(--dt-auth-panel-icon);background:#8b9bff1f;border:1px solid #8b9bff2e;border-radius:10px;flex:none;place-items:center;display:grid}.auth-points b{color:var(--dt-auth-panel-text);margin-block-end:2px;font-size:15px;font-weight:700;line-height:1.5;display:block}.auth-points p{color:var(--dt-auth-panel-text-muted);margin:0;font-size:13px;line-height:1.7}.auth-footer{color:var(--dt-auth-panel-text-soft);flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.auth-footer>span{align-items:center;gap:6px;display:inline-flex}.auth-footer .success-icon{color:var(--dt-auth-success-icon);flex:none}.auth-chat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:auth-rise .7s var(--dt-motion-easing) .14s both;background:linear-gradient(#ffffff0f,#ffffff05),#0a0e208c;border:1px solid #ffffff14;border-radius:22px;gap:12px;padding:18px 18px 20px;display:grid;box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff0f}.auth-chat-header{color:var(--dt-auth-panel-text-muted);align-items:center;gap:8px;margin-block-end:4px;font-size:12px;font-weight:600;display:flex}.auth-chat-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite auth-pulse;box-shadow:0 0 0 4px #4ade8026}.auth-msg-stack{justify-items:end;gap:8px;display:grid}.auth-product-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;width:min(100%,220px);padding:8px;display:flex}.auth-product-thumb{background:linear-gradient(145deg,#ffffff2e,#0000),linear-gradient(160deg,#3d58ff,#6b7cff 55%,#ff6b6b);border-radius:10px;flex:none;width:44px;height:44px}.auth-product-meta{gap:2px;min-width:0;display:grid}.auth-product-meta strong{color:var(--dt-white);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.auth-product-meta span{color:var(--dt-auth-panel-text-muted);font-size:11px}.auth-msg-1{animation:auth-bubble .52s var(--dt-motion-easing) .42s both}.auth-msg-2{animation:auth-bubble .52s var(--dt-motion-easing) .78s both}.msg{align-items:flex-end;gap:8px;display:flex}.msg.in{justify-self:start}.msg.out{flex-direction:row-reverse;justify-self:end}.msg .bubble{background:var(--dt-auth-panel-bubble-in);color:var(--dt-ink-100);border-radius:18px 18px 18px 6px;max-width:240px;padding:10px 14px;font-size:13px;line-height:1.7}.msg.out .bubble{background:var(--dt-auth-panel-bubble-out);color:var(--dt-white);border-radius:18px 18px 6px}.msg-meta{justify-content:flex-end;align-items:center;gap:6px;display:flex}.tag-auto{background:var(--dt-auth-panel-tag-bg);color:var(--dt-auth-panel-tag-text);border-radius:6px;align-items:center;gap:4px;padding-block:3px;padding-inline:8px;font-size:11px;font-weight:600;display:inline-flex}.avatar.d{background:var(--dt-primary-500);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.avatar.d.sm{width:24px;height:24px}.avatar.d img{object-fit:cover;border-radius:50%;width:100%;height:100%}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-bubble{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-glow{0%{opacity:.85;transform:translate(0)scale(1)}to{opacity:1;transform:translate(-24px,-18px)scale(1.08)}}@keyframes auth-pulse{0%,to{box-shadow:0 0 0 4px #4ade801f}50%{box-shadow:0 0 0 7px #4ade8038}}@media (max-width:1200px){.auth-brand-stage{grid-template-columns:1fr;align-items:stretch}.auth-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.auth-points p{display:none}}@media (prefers-reduced-motion:reduce){.auth-brand-top,.auth-points,.auth-chat,.auth-msg-1,.auth-msg-2,.auth-brand-glow,.auth-chat-dot{animation:none}}.logo-on-dark{display:none}[data-theme=dark] .logo-on-dark{display:block}[data-theme=dark] .logo-on-light{display:none}.otp{direction:ltr;justify-content:center;gap:10px;display:flex}.otp input{border:1.5px solid var(--dt-border-strong);background:var(--dt-surface);width:56px;height:64px;color:var(--dt-text);font-size:26px;font-weight:700;line-height:1;font-family:var(--dt-font-family-fa);transition:border-color var(--dt-motion-fast), box-shadow var(--dt-motion-fast);border-radius:14px;text-align:center!important;direction:ltr!important}.otp input:hover{border-color:var(--dt-ink-500)}.otp input.filled{border-color:var(--dt-primary-300);background:var(--tint-primary)}.otp input.focus,.otp input:focus{border-color:var(--dt-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--dt-focus) 35%, transparent);background:var(--dt-surface);outline:none}.otp input:disabled{opacity:.5;cursor:not-allowed}.field:has(.alert.error) .otp input{border-color:var(--dt-error-500)}.field:has(.alert.error) .otp input:focus{border-color:var(--dt-error-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dt-error-500) 25%, transparent)}.sample-tag{border:1px dashed var(--dt-border-strong);min-height:22px;color:var(--dt-text-muted);white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:6px;padding-inline:8px;font-size:11px;font-weight:600;display:inline-flex}.field{gap:6px;display:grid}.label{color:var(--dt-text);font-size:14px;font-weight:600;line-height:1.6}.help{color:var(--dt-text-muted);font-size:13px;line-height:1.6}.input{border:1px solid var(--dt-border-strong);border-radius:var(--dt-radius-md);background:var(--dt-surface);width:100%;min-height:44px;color:var(--dt-text);transition:border-color var(--dt-motion-fast), box-shadow var(--dt-motion-fast);padding-inline:14px;font-size:15px;line-height:1.6}.input::placeholder{color:var(--dt-text-subtle)}.input:hover{border-color:var(--dt-ink-500)}.input:focus,.input.is-focus{border-color:var(--dt-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--dt-focus) 35%, transparent);outline:none}.input-lg{min-height:52px;font-size:17px}.input-group{align-items:center;display:flex;position:relative}.input-group .ic{color:var(--dt-text-subtle);pointer-events:none;position:absolute;inset-inline-start:14px}.input-group .input{padding-inline-start:44px}.btn,.btn-primary,.btn-secondary,.btn-ghost{border-radius:var(--dt-radius-md)}.btn,:where(.btn-primary,.btn-secondary,.btn-ghost):not(.btn){--h:44px;min-height:var(--h);cursor:pointer;white-space:nowrap;transition:background var(--dt-motion-fast) var(--dt-motion-easing), border-color var(--dt-motion-fast), box-shadow var(--dt-motion-fast), transform var(--dt-motion-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding-inline:20px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;display:inline-flex}.btn:active,:where(.btn-primary,.btn-secondary,.btn-ghost):not(.btn):active{transform:translateY(1px)}.btn-sm{--h:36px;padding-inline:14px;font-size:14px}.btn-lg{--h:52px;padding-inline:28px;font-size:16px}.btn-block{width:100%;display:flex}.btn-primary{background:var(--dt-primary);color:var(--dt-on-primary)}.btn-primary:hover,.btn-primary.is-hover{background:var(--dt-primary-hover)}[data-theme=dark] .btn-primary{font-weight:700}.btn-ghost{color:var(--dt-primary)}.btn-ghost:hover,.btn-ghost.is-hover{background:var(--tint-primary)}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.alert{border-radius:var(--dt-radius-md);align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;line-height:1.6;display:flex}.alert.error{background:var(--dt-error-50);color:var(--dt-error-700)}[data-theme=dark] .alert.error{color:var(--dt-auth-error-text);background:#e5484d29}.alert .ic{flex:none;margin-block-start:2px}.ic{vertical-align:middle;flex:none;display:inline-block}.muted{color:var(--dt-text-muted)}.caption{font-size:12px;font-weight:500;line-height:1.6}.h2{font-size:32px;font-weight:800;line-height:1.4}.stack{display:grid}.row{align-items:center;display:flex}.row.between{justify-content:space-between}.num{font-variant-numeric:tabular-nums}:root{--tint-primary:var(--dt-primary-50);--on-tint-primary:var(--dt-primary-700);--dt-motion-fast:.12s;--dt-motion-easing:cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{--tint-primary:#7c8cff24;--on-tint-primary:var(--dt-auth-panel-tag-text)}@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-brand{display:none}.auth-logo{margin-block-end:32px;position:static}.auth-form-side{align-items:start;padding:24px 20px}.auth-legal{justify-content:center;margin-block-start:32px;position:static}}@media (max-width:390px){.otp input{width:48px;height:56px;font-size:22px}}