.acc{--acc-ease:var(--hb-ease,cubic-bezier(.2, .7, .2, 1));--acc-dur:var(--hb-dur,.2s);--acc-dur-long:var(--hb-dur-long,.42s);--acc-dot:var(--lightningcss-light,#dbdde4)var(--lightningcss-dark,#1f2433);background:var(--background);min-height:100dvh;color:var(--foreground);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;grid-template-columns:minmax(360px,46%) minmax(0,1fr);display:grid;position:relative;overflow:hidden}.acc-brand{isolation:isolate;color:#fff;background:#f7f3ff;flex-direction:column;gap:24px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.acc-ribbon{z-index:0;width:116%;height:116%;filter:blur(var(--acc-soften,22px));pointer-events:none;display:block;position:absolute;top:-8%;left:-8%}.acc-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 52%,#00000006 100%);position:absolute;inset:0}.acc-grain{z-index:1;pointer-events:none;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px;position:absolute;inset:0}.acc-brand-logo{z-index:2;align-self:flex-start;display:block;position:relative}.acc-brand-logo img{width:auto;height:40px;display:block}.acc-brand-copy{z-index:2;max-width:440px;margin-top:auto;position:relative}.acc-kicker{letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin:0 0 10px;font-size:12px;font-weight:600}.acc-brand-line{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:26px;font-weight:600;line-height:1.3}.acc-main{isolation:isolate;z-index:1;flex-direction:column;min-height:100dvh;padding:24px 32px;display:flex;position:relative;overflow:hidden}.acc-dots{z-index:-1;pointer-events:none;background-image:radial-gradient(circle, var(--acc-dot) 1px, transparent 1.5px);background-position:50%;background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 75%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 75%,#000 30%,#0000 100%)}.acc-top{justify-content:flex-end;align-items:center;gap:12px;min-height:40px;display:flex}.acc-top-logo{margin-right:auto;display:none}.acc-top-logo img{width:auto;height:30px;display:block}.acc-top-logo .acc-logo-white,:root[data-theme=dark] .acc-top-logo .acc-logo-dark{display:none}:root[data-theme=dark] .acc-top-logo .acc-logo-white{display:block}@media (prefers-color-scheme:dark){:root[data-theme=system] .acc-top-logo .acc-logo-dark{display:none}:root[data-theme=system] .acc-top-logo .acc-logo-white{display:block}}.acc-lang{border:1px solid var(--border);border-radius:calc(var(--radius) * .8);background:var(--card);gap:2px;margin:0;padding:2px;display:inline-flex}.acc-lang button{border-radius:calc(var(--radius) * .6);min-width:36px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1}.acc-lang button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.acc-center{flex:1;place-items:center;padding:24px 0 48px;display:grid}.acc-card{border:1px solid var(--border);border-radius:calc(var(--radius) * 1.8);background:var(--card);width:100%;max-width:420px;box-shadow:var(--hb-shadow-dialog);padding:32px;position:relative}.acc-head{gap:6px;margin-bottom:24px;display:grid}.acc-eyebrow{color:var(--primary);margin:0;font-size:12px;font-weight:600}.acc-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600;line-height:1.2}.acc-sub{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.acc-sub strong{color:var(--foreground);font-weight:600}.acc-form{gap:16px;display:grid}.acc-label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.acc-link{color:var(--primary);text-underline-offset:3px;font-size:13px;font-weight:500;text-decoration:none}.acc-link:hover{text-decoration:underline}.acc-input-wrap{position:relative}.acc .acc-input{height:40px;font-size:14px}.acc .acc-input--password{padding-right:44px}.acc-eye{border-radius:calc(var(--radius) * .6);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.acc-eye:hover{background:var(--accent);color:var(--foreground)}.acc-eye svg,.acc-back svg,.acc-error svg,.acc-notice svg,.acc-submit svg{flex:none;width:16px;height:16px}.acc-check{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 10px;padding:2px 0;display:grid}.acc-check [data-slot=checkbox]{margin-top:2px}.acc-check label{cursor:pointer;font-size:14px;font-weight:500;line-height:1.35}.acc-check p{color:var(--muted-foreground);grid-column:2;margin:0;font-size:12.5px;line-height:1.45}.acc .acc-submit{width:100%;height:40px;font-size:14px}.acc-foot{text-align:center;color:var(--muted-foreground);margin:20px 0 0;font-size:13px}.acc-error{color:var(--destructive);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.acc-notice{border:1px solid var(--border);border-radius:calc(var(--radius) * .8);background:var(--accent);align-items:flex-start;gap:10px;margin:0 0 20px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.acc-notice svg{color:var(--primary);margin-top:2px}.acc-badge-icon{background:var(--accent);width:44px;height:44px;color:var(--primary);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.acc-badge-icon svg{width:22px;height:22px}.acc-back{border-radius:calc(var(--radius) * .6);min-height:44px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:-8px 0 8px -4px;padding:0 4px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.acc-back:hover{color:var(--foreground)}.acc-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite acc-spin}@keyframes acc-spin{to{transform:rotate(360deg)}}.acc-lang button:focus-visible,.acc-link:focus-visible,.acc-eye:focus-visible,.acc-back:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (pointer:coarse){.acc-lang button{min-width:44px;height:44px}.acc-eye{width:44px;height:44px;right:0}.acc-label-row .acc-link,.acc-link--target{align-items:center;min-height:44px;display:inline-flex}.acc .acc-input,.acc .acc-submit{height:44px}}.acc-enter{animation:acc-enter var(--acc-dur-long) var(--acc-ease) both}@keyframes acc-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.acc-step-in{animation:acc-step-in var(--acc-dur-long) var(--acc-ease) both}@keyframes acc-step-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.acc-step-back{animation:acc-step-back var(--acc-dur-long) var(--acc-ease) both}@keyframes acc-step-back{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.otp{width:100%;display:block;position:relative}.otp-row{align-items:center;gap:8px;display:flex;position:relative}.otp-cell{flex:1;min-width:0;position:relative}.otp-slot{aspect-ratio:1;background:color-mix(in srgb, var(--foreground) 6%, var(--card));color:#0000;caret-color:#0000;text-align:center;border:0;border-radius:12px;outline:none;width:100%;height:auto;margin:0;padding:0;font-family:inherit;font-size:20px;font-weight:500;transition:box-shadow .2s;display:block}.otp-slot::selection{background:0 0}.otp-slot:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px color-mix(in srgb, var(--ring) 50%, transparent);outline:2px solid #0000}.otp[data-status=error] .otp-slot{box-shadow:0 0 0 2px color-mix(in srgb, var(--destructive) 70%, transparent);transition-delay:.15s}.otp[data-status=error] .otp-slot:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--destructive) 70%, transparent), 0 0 0 4px color-mix(in srgb, var(--ring) 50%, transparent)}.otp-glyph{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.otp-char{color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:20px;font-weight:600}.otp-caret{background:var(--foreground);pointer-events:none;border-radius:999px;width:2px;height:24px;margin:-12px 0 0 -1px;animation:1.1s linear infinite otp-blink;position:absolute;top:50%;left:50%}@keyframes otp-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.otp-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.otp-ring rect{fill:none;stroke:var(--color-success);stroke-width:2px}.otp+.acc-error{margin-top:4px}@media (prefers-reduced-motion:reduce){.acc *,.acc :before,.acc :after{transition:none!important;animation:none!important}}@media (max-width:760px){.acc{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.acc-brand{height:72px;padding:0}.acc-brand-logo,.acc-brand-copy{display:none}.acc-top-logo{display:inline-flex}.acc-main{min-height:auto;padding:16px}.acc-center{place-items:start center;padding:16px 0 88px}.acc-card{padding:24px 20px}.acc-title{font-size:23px}.otp-row{gap:6px}.otp-slot{border-radius:11px}}
