@layer components{.p-root{background:var(--bg)}.p-loading{place-items:center;min-height:100dvh;display:grid}.p-spinner{border:2px solid #5716fe40;border-top-color:var(--violet);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite p-spin}.p-spinner--sm{border-color:#fff #ffffff59 #ffffff59;width:16px;height:16px}.p-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);min-height:100dvh;display:grid}.p-side{flex-direction:column;padding:1.5rem clamp(1.25rem,4vw,3rem);display:flex}.p-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.p-logo{align-items:center;gap:.5rem;display:inline-flex}.p-logo img{width:auto;height:28px}.p-top-actions{align-items:center;gap:.5rem;display:flex}.p-back{height:38px;color:var(--ink-2);border-radius:10px;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.875rem;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.p-back:hover{color:var(--ink);background:var(--panel-2)}.p-form-wrap{width:100%;max-width:384px;margin:auto;padding-block:3rem}.p-badge{height:28px;color:var(--tag-ink);background:var(--tag-bg);border:1px solid var(--tag-line);border-radius:999px;align-items:center;gap:.4rem;padding:0 .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.p-title{letter-spacing:-.03em;color:var(--ink);margin-top:1.1rem;font-size:clamp(1.75rem,1.45rem + 1vw,2.125rem);font-weight:650;line-height:1.15}.p-lead{color:var(--ink-2);margin-top:.5rem;font-size:.975rem;line-height:1.55}.p-tenant{color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;gap:.35rem;margin-top:1rem;padding:.35rem .7rem;font-size:.85rem;display:inline-flex}.p-tenant b{color:var(--ink);font-weight:600}.p-form{gap:1.15rem;margin-top:2rem;display:grid}.p-field{gap:.45rem;display:grid}.p-field label{color:var(--ink);font-size:.875rem;font-weight:600}.p-input{align-items:center;display:flex;position:relative}.p-input>svg{color:var(--ink-3);pointer-events:none;transition:color .15s;position:absolute;left:.95rem}.p-input input{background:var(--card);border:1px solid var(--line-2);width:100%;height:48px;color:var(--ink);border-radius:12px;padding:0 1rem 0 2.75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s,background-color .15s;box-shadow:0 1px 2px #1810300a}.p-input input::placeholder{color:var(--ink-3)}.p-input input:hover{border-color:rgb(var(--w) / .26)}.p-input input:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 4px #5716fe29}.p-input:focus-within>svg{color:var(--violet)}.p-input input[aria-invalid=true]{border-color:#dc26268c}.p-input:has(.p-eye) input{padding-right:3rem}.p-input input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--autofill,#f6f3ff) inset;box-shadow:0 0 0 1000px var(--autofill,#f6f3ff) inset;transition:background-color 9999s ease-out}.p-input input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--autofill,#f6f3ff) inset;box-shadow:0 0 0 1000px var(--autofill,#f6f3ff) inset;transition:background-color 9999s ease-out}.p-input input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--autofill,#f6f3ff) inset;box-shadow:0 0 0 1000px var(--autofill,#f6f3ff) inset;transition:background-color 9999s ease-out}.p-root[data-theme=dark]{--autofill:#15111f}.p-root[data-theme=dark] .p-input input{background:rgb(var(--w) / .04);box-shadow:none}.p-eye{width:40px;height:40px;color:var(--ink-3);cursor:pointer;border-radius:9px;place-items:center;transition:color .15s,background-color .15s;display:grid;position:absolute;right:.3rem}.p-eye:hover{color:var(--ink);background:var(--panel-2)}.p-note{border:1px solid;border-radius:10px;padding:.7rem .9rem;font-size:.875rem;line-height:1.5}.p-note--error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.p-note--warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.p-root[data-theme=dark] .p-note--error{color:#fecaca;background:#ef44441a;border-color:#f8717159}.p-root[data-theme=dark] .p-note--warn{color:#fde68a;background:#f59e0b1a;border-color:#fbbf2459}.p-submit{height:48px;margin-top:.35rem;font-size:1rem}.p-submit svg{transition:transform .2s var(--ease)}.p-submit:hover svg{transform:translate(3px)}.p-submit:disabled{opacity:.7;cursor:progress}.p-help{background:var(--panel);border:1px solid var(--line);color:var(--ink-2);border-radius:12px;margin-top:1.5rem;padding:.85rem 1rem;font-size:.85rem;line-height:1.55}.p-help b{color:var(--ink);font-weight:600}.p-foot{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;font-size:.875rem;display:flex}.p-foot-links{gap:1.25rem;display:flex}.p-foot-links a{color:var(--ink-3);transition:color .15s}.p-foot-links a:hover{color:var(--ink)}.p-brand{padding:.75rem .75rem .75rem 0}.p-brand-inner{color:#fff;background:radial-gradient(60% 50% at 85% 10%,#b79cff73,#0000 70%),radial-gradient(55% 55% at 10% 95%,#4078ff59,#0000 70%),linear-gradient(150deg,#6a2bff 0%,#4a12d6 45%,#24086e 100%);border-radius:28px;flex-direction:column;justify-content:center;height:100%;padding:clamp(2rem,3.5vw,3.5rem);display:flex;position:relative;overflow:hidden}.p-brand-inner:before{content:"";pointer-events:none;opacity:.6;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 60% 30%,#000,#0000);mask-image:radial-gradient(80% 70% at 60% 30%,#000,#0000)}.p-brand-inner>*{z-index:1;position:relative}.p-brand-kicker{letter-spacing:.04em;color:#ffffffb8;font-size:.8rem;font-weight:600}.p-brand-title{letter-spacing:-.035em;color:#fff;text-wrap:balance;max-width:19ch;margin-top:.6rem;font-size:clamp(1.6rem,1rem + 1.5vw,2.3rem);font-weight:650;line-height:1.12}.p-demo{filter:drop-shadow(0 30px 50px #0f043c73);max-width:640px;margin-top:2rem}.p-demo .i-demo-glow:before{display:none}.p-dest{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;max-width:640px;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.p-dest li{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:.65rem;padding:.75rem .85rem;display:flex}.p-dest-icon{color:#fff;background:#ffffff29;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.p-dest small{color:#ffffffb3;font-size:.7rem;line-height:1.3;display:block}.p-dest b{color:#fff;font-size:.85rem;font-weight:600;display:block}.p-root[data-theme=dark] .p-brand-inner{box-shadow:inset 0 0 0 1px #ffffff14}@media (max-width:1023px){.p-grid{grid-template-columns:minmax(0,1fr)}.p-brand{display:none}.p-form-wrap{padding-block:2.5rem}}@media (max-width:1279px) and (min-width:1024px){.p-dest{grid-template-columns:minmax(0,1fr)}}@media (max-width:479px){.p-back span,.p-back{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.p-spinner{animation-duration:2s}}}@keyframes p-spin{to{transform:rotate(360deg)}}
