@keyframes auth-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.auth-shell{background:var(--background);grid-template-rows:auto 1fr;min-height:100svh;display:grid;position:relative}@media (min-width:1024px){.auth-shell{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}}.auth-aside{isolation:isolate;background:var(--primary);color:#fff;flex-direction:column;justify-content:space-between;gap:2rem;min-height:230px;padding:1.5rem 1.5rem 2rem;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.auth-aside{grid-area:1/2;padding:2.75rem 3rem}}.auth-aside__scrim{z-index:0;background:radial-gradient(48% 56% at 10% 94%,#c8fdf79e,#0000 70%),radial-gradient(78% 82% at 100% 22%,#02343480,#0000 72%),linear-gradient(#0234344d,#02343405 45%,#02343424);position:absolute;inset:0}.auth-tree{z-index:0;bottom:0;width:48%;max-width:340px;color:var(--primary-dark);pointer-events:none;position:absolute;inset-inline-end:-2%}.auth-tree .brand-mark__svg{opacity:.55}.auth-tree .brand-mark{max-width:none}.auth-aside .hero-treeglow{width:72%;height:82%}.auth-tree .tree-bloom{animation-duration:1.7s;animation-delay:.35s}@media (max-width:1023px){.auth-tree{width:34%;max-width:150px}.auth-tree .brand-mark__svg{opacity:.3}}.auth-aside__row{z-index:1;position:relative}.auth-aside__body{z-index:1;flex-direction:column;gap:1.15rem;max-width:46ch;display:flex;position:relative}@media (min-width:1024px){.auth-aside__body{gap:1.65rem}}@media (max-width:1023px){.auth-aside{gap:1.15rem;min-height:0;padding:1.25rem 1.25rem 1.5rem}.auth-aside .auth-aside__lede,.auth-aside .auth-points,.auth-aside .auth-aside__foot{display:none}.auth-aside__title{font-size:1.15rem;line-height:1.7}}.auth-eyebrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em;color:#f0fffff2;background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;align-self:flex-start;align-items:center;gap:.55rem;padding:.4rem .85rem;font-size:.7rem;font-weight:500;display:inline-flex}.auth-eyebrow__dot{background:#a9f0e6;border-radius:999px;width:6px;height:6px;box-shadow:0 0 10px #a9f0e6f2}.auth-aside__title{text-wrap:balance;font-size:clamp(1.4rem,2.7vw,2.2rem);font-weight:700;line-height:1.5}.auth-aside__lede{color:#e8ffffd1;font-size:.95rem;line-height:2}.auth-points{gap:.6rem;display:grid}.auth-point{border-radius:var(--radius-icon);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f0fffff0;background:#ffffff17;border:1px solid #ffffff29;align-items:center;gap:.75rem;padding:.7rem .85rem;font-size:.85rem;display:flex}.auth-point svg{color:#bff5ec;flex-shrink:0;width:18px;height:18px}.auth-aside__foot{z-index:1;color:#e2fafa99;font-size:.72rem;position:relative}.auth-panel{background:var(--background);flex-direction:column;padding:1.5rem 1.25rem 2.5rem;display:flex;position:relative}@media (min-width:1024px){.auth-panel{grid-area:1/1;padding:2rem 3rem 2.5rem}}.auth-panel:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(58% 46% at 16% 6%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 72%), radial-gradient(48% 40% at 94% 96%, color-mix(in srgb, var(--accent-green) 13%, transparent), transparent 72%);position:absolute;inset:0}.auth-panel:after{content:"";z-index:0;pointer-events:none;opacity:.55;background-image:linear-gradient(to right, var(--surface-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--surface-grid) 1px, transparent 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(68% 54% at 50% 42%,#000 0%,#0000 78%);mask-image:radial-gradient(68% 54% at 50% 42%,#000 0%,#0000 78%)}.auth-panel__top,.auth-panel__main{z-index:1;position:relative}.auth-panel__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-panel__main{flex:1;justify-content:center;align-items:center;padding-block:2.25rem;display:flex}.auth-back{color:var(--muted-foreground);align-items:center;gap:.4rem;font-size:.8rem;transition:color .2s;display:inline-flex}.auth-back:hover{color:var(--primary)}.auth-back svg{width:15px;height:15px}.auth-card{border-radius:var(--radius-card-inner);border:1px solid var(--border);background:color-mix(in srgb, var(--card) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;max-width:27rem;padding:1.75rem;box-shadow:0 1px 2px #023f3f0a,0 24px 60px -28px #023f3f47}@media (min-width:640px){.auth-card{padding:2.25rem}}.dark .auth-card{box-shadow:0 1px 2px #0006,0 28px 70px -30px #000000b3}.auth-step{flex-direction:column;gap:1.15rem;animation:.45s cubic-bezier(.16,1,.3,1) both auth-rise;display:flex}.auth-card__head{flex-direction:column;gap:.45rem;display:flex}.auth-card__title{color:var(--foreground);font-size:1.45rem;font-weight:700;line-height:1.5}.auth-card__sub{color:var(--muted-foreground);font-size:.875rem;line-height:1.9}.auth-steps{align-items:center;gap:.45rem;display:flex}.auth-steps__bar{border-radius:var(--radius-progress);background:var(--surface-grid);flex:1;height:4px;transition:background .35s}.auth-steps__bar[data-on=true]{background:var(--primary)}.auth-steps__label{font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:.7rem}.auth-field{flex-direction:column;gap:.55rem;display:flex}.auth-label{color:var(--foreground);font-size:.8rem;font-weight:500}.auth-inputwrap{border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--card);align-items:center;gap:.6rem;height:54px;padding-inline:.9rem;transition:border-color .2s,box-shadow .2s;display:flex}.auth-inputwrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent)}.auth-inputwrap[data-invalid=true]{border-color:#dc2626;animation:.4s auth-shake}.auth-inputwrap>svg{width:18px;height:18px;color:var(--muted-foreground);flex-shrink:0;transition:color .2s}.auth-inputwrap:focus-within>svg{color:var(--primary)}.auth-input{letter-spacing:.09em;font-variant-numeric:tabular-nums;min-width:0;height:100%;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:1.05rem;font-weight:500}.auth-input::placeholder{color:var(--muted-foreground);opacity:.5;font-weight:400}.auth-hint{color:var(--muted-foreground);font-size:.75rem}.auth-error{color:#dc2626;font-size:.75rem}.dark .auth-error{color:#fca5a5}.auth-otp{direction:ltr;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;display:grid}@media (min-width:400px){.auth-otp{gap:.6rem}}.auth-otp[data-invalid=true]{animation:.4s auth-shake}.auth-otp__box{text-align:center;border-radius:var(--radius-icon);border:1px solid var(--border);background:var(--card);font-variant-numeric:tabular-nums;width:100%;height:56px;color:var(--foreground);outline:none;padding:0;font-family:inherit;font-size:1.3rem;font-weight:700;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.auth-otp__box:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent);transform:translateY(-2px)}.auth-otp__box[data-filled=true]{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--card))}.auth-otp[data-invalid=true] .auth-otp__box{border-color:color-mix(in srgb, #dc2626 45%, var(--border))}.auth-chip{border-radius:var(--radius-icon);border:1px solid var(--border);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.auth-chip__value{font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--foreground);direction:ltr;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.auth-chip__value svg{width:15px;height:15px;color:var(--primary)}.auth-chip__edit{color:var(--primary);font-size:.75rem;font-weight:500;transition:opacity .2s}.auth-chip__edit:hover{opacity:.7}.auth-submit{border-radius:var(--radius-btn);background:linear-gradient(100deg, var(--primary), var(--accent-green));color:#fff;width:100%;height:52px;box-shadow:0 14px 32px -16px color-mix(in srgb, var(--primary) 90%, black);justify-content:center;align-items:center;gap:.6rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.auth-submit:hover:not(:disabled){box-shadow:0 20px 40px -16px color-mix(in srgb, var(--primary) 90%, black);transform:translateY(-2px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-submit svg{width:18px;height:18px}.auth-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:17px;height:17px;animation:.7s linear infinite auth-spin}.auth-resend{color:var(--muted-foreground);justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.auth-resend__btn{color:var(--primary);font-family:inherit;font-size:.8rem;font-weight:600;transition:opacity .2s}.auth-resend__btn:hover:not(:disabled){opacity:.7}.auth-resend__btn:disabled{color:var(--muted-foreground);cursor:not-allowed}.auth-resend__count{font-variant-numeric:tabular-nums}.auth-legal{border-block-start:1px solid var(--border);text-align:center;color:var(--muted-foreground);margin-block-start:.35rem;padding-block-start:1.15rem;font-size:.72rem;line-height:2}.auth-legal a{color:var(--primary)}@media (prefers-reduced-motion:reduce){.auth-step,.auth-spinner,.auth-otp,.auth-inputwrap{animation:none!important}.auth-submit:hover:not(:disabled),.auth-otp__box:focus{transform:none}}
