.vcl{--vcl-brand:#4a148c;--vcl-brand-2:#6a22bd;--vcl-ink:#1b1420;--vcl-ink-2:#5b5265;--vcl-cream:#efe9e2;--vcl-line:#ddd3c8;--vcl-err:#b3261e;background:var(--vcl-cream);min-height:100dvh;color:var(--vcl-ink);font-family:var(--font-poppins),"Segoe UI",system-ui,sans-serif;padding:max(2rem,min(6vw,4.5rem)) 1rem max(3rem,min(6vw,5rem));position:relative;overflow-x:clip}.vcl-dots{pointer-events:none;background-image:radial-gradient(rgba(74,20,140,.1) 1px,transparent 1px);background-size:22px 22px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 22%,#000 0%,transparent 78%);mask-image:radial-gradient(70% 55% at 50% 22%,#000 0%,transparent 78%)}.vcl-main{width:min(1120px,100%);margin:0 auto;position:relative}.vcl-card{border:1px solid var(--vcl-line);background:#fff;border-radius:14px;width:min(560px,100%);margin:0 auto;padding:max(1.6rem,min(4vw,2.75rem));animation:.5s cubic-bezier(.22,1,.36,1) both vcl-in;box-shadow:0 1px 2px rgba(27,20,32,.04),0 18px 48px rgba(27,20,32,.09)}@keyframes vcl-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.vcl-title{letter-spacing:-.025em;color:var(--vcl-ink);text-wrap:balance;margin:0;font-size:max(1.6rem,min(3.4vw,2.1rem));font-weight:700;line-height:1.15}.vcl-sub{color:var(--vcl-ink-2);margin:.55rem 0 1.8rem;font-size:.98rem}.vcl-note{border:1px solid transparent;border-radius:10px;margin:0 0 1.2rem;padding:.8rem 1rem;font-size:.9rem;line-height:1.5}.vcl-note--ok{color:#1d6b3c;background:#edf7f0;border-color:#bfe3cd}.vcl-note--err{color:var(--vcl-err);background:#fdf0ef;border-color:#f0c4c1}.vcl-field{margin-bottom:1.15rem}.vcl-field label{margin-bottom:.45rem;font-size:.88rem;font-weight:600;display:block}.vcl-field label span{color:var(--vcl-err);margin-right:.15rem}.vcl-input{width:100%;font:inherit;color:var(--vcl-ink);border:1.5px solid var(--vcl-line);background:#fff;border-radius:10px;padding:.85rem 1rem;font-size:1rem;transition:border-color .18s,box-shadow .18s}.vcl-input::placeholder{color:#9a8f9f}.vcl-input:hover{border-color:#c4b7ca}.vcl-input:focus{border-color:var(--vcl-brand);outline:0;box-shadow:0 0 0 3px rgba(74,20,140,.14)}.vcl-input.is-invalid{border-color:var(--vcl-err)}.vcl-input.is-invalid:focus{box-shadow:0 0 0 3px rgba(179,38,30,.13)}.vcl-err{color:var(--vcl-err);margin-top:.4rem;font-size:.83rem;display:block}.vcl-pass{position:relative}.vcl-pass .vcl-input{padding-right:3rem}.vcl-eye{cursor:pointer;width:34px;height:34px;color:var(--vcl-ink-2);background:0 0;border:0;border-radius:8px;place-items:center;transition:background .18s,color .18s;display:grid;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.vcl-eye:hover{color:var(--vcl-brand);background:#f3eef7}.vcl-forgot{color:var(--vcl-brand);text-underline-offset:3px;margin-bottom:1.6rem;font-size:.9rem;font-weight:600;text-decoration:underline;display:inline-block}.vcl-forgot:hover{color:var(--vcl-brand-2)}.vcl-submit{cursor:pointer;width:100%;font:inherit;color:#fff;background:linear-gradient(118deg,var(--vcl-brand),var(--vcl-brand-2));border:0;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.2rem;font-size:1rem;font-weight:600;transition:transform .18s,box-shadow .22s,filter .18s;display:inline-flex;box-shadow:0 8px 22px rgba(74,20,140,.3)}.vcl-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 32px rgba(74,20,140,.4)}.vcl-submit:disabled{opacity:.75;cursor:progress}.vcl-spin{border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite vcl-spin}.vcl-spin--dark{border-color:rgba(74,20,140,.25);border-top-color:var(--vcl-brand);margin:2rem auto}@keyframes vcl-spin{to{transform:rotate(360deg)}}.vcl-signup{text-align:center;color:var(--vcl-ink-2);margin:1.3rem 0 0;font-size:.92rem}.vcl-signup a{color:var(--vcl-brand);text-underline-offset:3px;font-weight:600;text-decoration:underline}.vcl-picks{margin-top:max(3rem,min(7vw,4.5rem))}.vcl-picks h2{letter-spacing:-.02em;margin:0 0 1.2rem;font-size:1.35rem;font-weight:700}.vcl-picks-grid{grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:1rem;display:grid}.vcl-pick{border:1px solid var(--vcl-line);background:#fff;border-radius:14px;padding:1.5rem 1.4rem 1.6rem;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(27,20,32,.03),0 10px 26px rgba(27,20,32,.06)}.vcl-pick:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(27,20,32,.12)}.vcl-pick:before{content:"";background:linear-gradient(180deg,var(--vcl-brand),var(--vcl-brand-2));width:4px;position:absolute;top:0;bottom:0;left:0;right:auto}.vcl-pick[data-tone=b]:before{background:linear-gradient(#1d8a4e,#36b26c)}.vcl-pick[data-tone=c]:before{background:linear-gradient(#c08a3e,#e2a948)}.vcl-pick h3{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.08rem;font-weight:700}.vcl-pick p{color:var(--vcl-ink-2);margin:0;font-size:.93rem;line-height:1.65}.vcl-legal{text-align:center;color:var(--vcl-ink-2);margin:2.5rem 0 0;font-size:.84rem}.vcl-legal a{color:var(--vcl-brand);text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.vcl *,.vcl :before{transition:none!important;animation:none!important}}