:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#211c31;background:#f8f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 14% 18%,rgba(126,98,210,.18),transparent 29rem),radial-gradient(circle at 85% 90%,rgba(226,146,174,.17),transparent 30rem),#f8f6fb}.shell{width:min(1120px,calc(100% - 40px));min-height:calc(100vh - 64px);margin:auto;display:grid;grid-template-columns:1.05fr .78fr;gap:clamp(48px,8vw,120px);align-items:center;padding:64px 0}.brand{display:inline-flex;align-items:center;gap:12px;color:#332b4d;font-size:1.28rem;font-weight:850;letter-spacing:-.02em;text-decoration:none;margin-bottom:64px}.brand-mark{position:relative;width:38px;height:34px;display:inline-block}.brand-mark span{position:absolute;width:23px;height:23px;border-radius:50%;background:#7154c5;top:0}.brand-mark span:nth-child(1){left:0;background:#e7a2b9}.brand-mark span:nth-child(2){right:0;background:#7961ca}.brand-mark span:nth-child(3){left:8px;top:11px;background:#493a7c;clip-path:polygon(0 0,100% 0,50% 100%)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:850;color:#745ab8;margin:0 0 14px}h1{font-size:clamp(2.65rem,6vw,5.2rem);line-height:.98;letter-spacing:-.06em;margin:0;max-width:680px}h1 span{color:#745ab8}.intro-copy{font-size:1.16rem;line-height:1.7;color:#6d667b;max-width:520px;margin:28px 0}.benefits{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px;color:#51495e}.benefits li{display:flex;align-items:center;gap:12px}.benefits span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eee8fa;color:#6247ad;font-size:.78rem;font-weight:900}.access-card{background:rgba(255,255,255,.86);border:1px solid rgba(93,72,135,.13);border-radius:30px;padding:clamp(28px,4vw,48px);box-shadow:0 28px 80px rgba(48,34,76,.14);backdrop-filter:blur(18px)}.lock{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eee9fa;color:#6247ad;margin-bottom:28px}.lock svg,.reveal svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h2{font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.04em;margin:0}.card-copy{color:#746d80;line-height:1.65;margin:14px 0 28px}label{display:block;font-size:.86rem;font-weight:750;color:#423b4e;margin-bottom:9px}.password-field{position:relative}.password-field input{width:100%;height:56px;border:1px solid #d8d1e2;border-radius:14px;background:#fff;padding:0 52px 0 16px;font:inherit;color:#251f31;outline:none;transition:.18s border-color,.18s box-shadow}.password-field input:focus{border-color:#8066c6;box-shadow:0 0 0 4px rgba(117,87,191,.13)}.reveal{position:absolute;right:7px;top:7px;width:42px;height:42px;border:0;border-radius:10px;background:transparent;color:#80788b;display:grid;place-items:center;cursor:pointer}.reveal:hover{background:#f4f1f8;color:#5e477e}.error{min-height:22px;color:#b4233c;font-size:.86rem;margin:8px 2px 0}.submit{width:100%;height:56px;border:0;border-radius:14px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#6d51bd,#4b397f);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 26px rgba(80,55,141,.24);transition:.18s transform,.18s opacity}.submit:hover{transform:translateY(-1px)}.submit:disabled{opacity:.65;cursor:wait;transform:none}.help{border-top:1px solid #ebe6ef;margin:28px 0 0;padding-top:24px;color:#827b8c;font-size:.85rem;line-height:1.55}footer{text-align:center;color:#8a8292;font-size:.78rem;padding:0 20px 28px}@media(max-width:820px){.shell{grid-template-columns:1fr;gap:42px;padding:32px 0 50px}.brand{margin-bottom:42px}.intro-copy{margin-bottom:20px}.benefits{display:none}.access-card{max-width:560px;width:100%;justify-self:center}}@media(max-width:480px){.shell{width:min(100% - 24px,1120px);padding-top:22px}.brand{margin-bottom:32px}.intro-copy{font-size:1rem}.access-card{padding:26px 20px;border-radius:24px}footer{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
