.vcl{background:var(--bg);width:100%;min-height:100dvh;color:var(--fg);font-family:var(--font);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);font-size:15px;line-height:1.5;display:grid}.vcl *,.vcl :before,.vcl :after{box-sizing:border-box}.vcl :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.vcl-panel{background:var(--panel);color:var(--panel-fg);isolation:isolate;border-radius:28px;flex-direction:column;margin:16px;padding:clamp(24px,3.4vw,44px) clamp(24px,3.4vw,48px) 0;display:flex;position:relative;overflow:hidden}.vcl-panel:before{content:"";z-index:-1;background:radial-gradient(60% 50% at 50% 100%,#a56bf533,#0000 70%),radial-gradient(40% 30% at 85% 0,#a56bf51a,#0000 70%);position:absolute;inset:0}.vcl-brand{width:fit-content;display:block}.vcl-brand img{width:auto;height:30px;display:block}.vcl-brand .vcl-logo-ink{display:none}.vcl-copy{max-width:560px;margin-top:clamp(28px,7vh,84px)}.vcl-copy h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(32px,3.6vw,56px);font-weight:800;line-height:1.04}.vcl-copy h1 em{color:#a56bf5;font-style:normal}.vcl-copy p{color:var(--panel-muted);max-width:440px;margin:16px 0 0;font-size:clamp(15px,1.2vw,17px)}.vcl-crew{aspect-ratio:1000/440;flex:none;width:min(100%,88svh);margin:auto auto 0;position:relative}.vcl-crew .m{position:absolute}.vcl-crew .m svg{aspect-ratio:320/400;width:100%;height:auto;display:block;overflow:visible}.vcl-side{flex-direction:column;min-width:0;padding:clamp(20px,3vw,36px) clamp(20px,5vw,64px) 32px;display:flex}.vcl-back{color:var(--muted);font:600 14px var(--font);cursor:pointer;background:0 0;border:0;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;margin-left:-10px;padding:8px 10px;text-decoration:none;display:inline-flex}.vcl-back:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 6%, transparent)}.vcl-wrap{flex:1;justify-content:center;align-items:center;display:flex}.vcl-card{width:100%;max-width:400px}.vcl-card h2{color:var(--fg);letter-spacing:-.04em;margin:0;font-size:clamp(28px,2.6vw,34px);font-weight:800;line-height:1.1}.vcl-sub{color:var(--muted);margin:8px 0 28px}.vcl-sub b{color:var(--fg);font-weight:700}.vcl-btn{width:100%;height:52px;font:700 15px var(--font);color:var(--fg);cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;transition:filter .15s,transform .1s,border-color .15s,background .15s;display:flex}.vcl-btn.ghost{background:var(--control);border-color:var(--edge)}.vcl-btn.ghost:hover:not(:disabled){border-color:var(--fg);background:color-mix(in srgb, var(--fg) 4%, var(--control))}.vcl-btn.primary{background:var(--accent);color:var(--accent-ink);margin-top:6px}.vcl-btn.primary:hover:not(:disabled){filter:brightness(1.07)}.vcl-btn.primary:active:not(:disabled){transform:translateY(1px)}.vcl-btn:disabled{cursor:not-allowed}.vcl-btn.primary:disabled{background:color-mix(in srgb, var(--accent) 32%, var(--bg));color:color-mix(in srgb, var(--accent-ink) 80%, var(--accent))}.vcl-btn.ghost:disabled{opacity:.5}.vcl-or{color:var(--faint);align-items:center;gap:14px;margin:22px 0;font-size:13px;display:flex}.vcl-or:before,.vcl-or:after{content:"";background:var(--line);flex:1;height:1px}.vcl-label{color:var(--fg);margin-bottom:8px;font-size:13.5px;font-weight:700;display:block}.vcl-inp{border:1px solid var(--edge);background:var(--surface);width:100%;height:52px;color:var(--fg);font:500 15.5px var(--font);border-radius:14px;outline:0;padding:0 16px;transition:border-color .15s,box-shadow .15s}.vcl-inp::placeholder{color:var(--faint);font-weight:400}.vcl-inp:hover{border-color:color-mix(in srgb, var(--fg) 45%, var(--line))}.vcl-inp:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.vcl-inp[aria-invalid=true]{border-color:var(--bad);box-shadow:none}.vcl-inp.code{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums;padding-left:calc(16px + .5em);font-size:26px;font-weight:800}.vcl-inp.code::placeholder{letter-spacing:.5em}.vcl-err{color:var(--bad);min-height:20px;margin:8px 0 0;font-size:13px;font-weight:600}.vcl-legal{color:var(--muted);text-align:center;margin:22px 0 0;font-size:12.5px}.vcl-legal a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:3px}.vcl-link{color:var(--fg);font:700 inherit var(--font);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.vcl-link:hover:not(:disabled){-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.vcl-link:disabled{cursor:not-allowed;opacity:.5}.vcl-resend{text-align:center;color:var(--muted);margin:18px 0 0;font-size:13.5px}.vcl-shake{animation:.38s vcl-shake}@keyframes vcl-shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (max-width:900px){.vcl{flex-direction:column;display:flex}.vcl-side{flex:1;order:1;padding:28px 20px 22px}.vcl-panel{color:var(--fg);background:0 0;border-radius:22px;flex:none;order:2;margin:0 10px 28px;padding:14px 18px 0}.vcl-panel:before{display:none}.vcl-brand .vcl-logo-ink{display:block}.vcl-brand .vcl-logo-paper,html[data-theme=dark] .vcl-brand .vcl-logo-ink{display:none}html[data-theme=dark] .vcl-brand .vcl-logo-paper{display:block}.vcl-brand img{height:24px}.vcl-copy{display:none}.vcl-crew{width:min(100%,260px);margin:12px auto 0}.vcl-wrap{align-items:center;padding:16px 0}.vcl-back{padding:6px 8px;font-size:13.5px}.vcl-card h2{font-size:26px}.vcl-sub{margin:6px 0 18px;font-size:14px}.vcl-btn{border-radius:12px;height:46px;font-size:14.5px}.vcl-inp{border-radius:12px;height:46px;padding:0 14px;font-size:16px}.vcl-label{margin-bottom:6px;font-size:13px}.vcl-or{margin:16px 0}.vcl-err{min-height:18px;margin-top:6px;font-size:12.5px}.vcl-legal{margin-top:14px;font-size:12px}}@media (max-width:900px) and (min-width:560px){.vcl-crew{width:min(100%,340px)}}@media (prefers-reduced-motion:reduce){.vcl-shake{animation:none}}
