.demopop{--ptp-accent:var(--accent)}.demopop>*{animation:.5s cubic-bezier(.16,1,.3,1) both demoPopIn}@keyframes demoPopIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}:root{--accent:#4f46e5;--accent-600:color-mix(in oklch, var(--accent) 88%, #000);--accent-700:color-mix(in oklch, var(--accent) 72%, #000);--accent-50:color-mix(in oklch, var(--accent) 10%, #fff);--accent-100:color-mix(in oklch, var(--accent) 18%, #fff);--bg:#fcfcfd;--surface:#fff;--ink:#14161b;--ink-2:#494d57;--ink-3:#868b96;--line:#e7e7e2;--line-2:#f0f0eb;--ok:#15924d;--display:"Bricolage Grotesque", system-ui, sans-serif;--font:"Manrope", system-ui, sans-serif;--shadow-sm:0 1px 2px #14161b0f;--shadow-md:0 10px 30px #14161b1a, 0 3px 8px #14161b0d;--shadow-lg:0 30px 70px #14161b29, 0 10px 24px #14161b14}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.05}.icn{display:block}.auth{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.brandside{color:#fff;background:radial-gradient(120% 90% at 12% 0%, color-mix(in oklch, var(--accent) 64%, #fff) 0%, transparent 42%), radial-gradient(120% 120% at 100% 100%, var(--accent-700) 0%, transparent 55%), linear-gradient(160deg, var(--accent) 0%, var(--accent-700) 100%);flex-direction:column;padding:40px 48px;display:flex;position:relative;overflow:hidden}.brandside:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.brandside>*{z-index:1;position:relative}.bs-logo{font-family:var(--display);align-items:center;gap:11px;font-size:21px;font-weight:800;display:inline-flex}.bs-logo .mk{background:#ffffff29;border:1px solid #ffffff40;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.bs-mid{flex-direction:column;flex:1;justify-content:center;gap:30px;max-width:460px;padding:24px 0;display:flex}.bs-head h2{font-size:38px;line-height:1.06}.bs-head p{color:#ffffffd1;margin:14px 0 0;font-size:16px;font-weight:500}.bs-demo{align-self:flex-start}.bs-demo .ptp-card{box-shadow:0 18px 44px #00000047}.bs-points{flex-direction:column;gap:13px;display:flex}.bs-points li{color:#ffffffeb;align-items:center;gap:11px;font-size:14.5px;font-weight:600;list-style:none;display:flex}.bs-points .ck{background:#ffffff29;border:1px solid #ffffff4d;border-radius:99px;flex:none;place-items:center;width:22px;height:22px;display:grid}.bs-points ul{margin:0;padding:0;display:contents}.bs-foot{color:#ffffffc7;align-items:center;gap:13px;font-size:13px;display:flex}.bs-foot .av{display:flex}.bs-foot .av span{border:2px solid var(--accent-700);color:#fff;border-radius:99px;place-items:center;width:30px;height:30px;margin-left:-9px;font-size:12px;font-weight:800;display:grid}.bs-foot .av span:first-child{margin-left:0}.bs-foot b{color:#fff}.formside{flex-direction:column;justify-content:center;align-items:center;padding:40px 32px;display:flex;position:relative}.fs-top{color:var(--ink-3);font-size:14px;font-weight:600;position:absolute;top:28px;right:32px}.fs-top a{color:var(--accent-600);font-weight:700}.fs-mobilelogo{display:none}.card{width:100%;max-width:396px}.card .h{font-size:28px}.card .sub{color:var(--ink-3);margin:9px 0 0;font-size:15px;font-weight:500}.social{flex-direction:column;gap:10px;margin-top:26px;display:flex}.sbtn{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14.5px;font-weight:700;transition:background .14s,border-color .14s;display:flex}.sbtn:hover{border-color:var(--ink-3);background:#fafafa}.sbtn .g{flex:none;width:18px;height:18px}.divider{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:14px;margin:22px 0;font-size:12.5px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.form{flex-direction:column;gap:16px;display:flex}.field label{margin-bottom:7px;font-size:13.5px;font-weight:700;display:block}.field .wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;padding:0 14px;transition:border-color .14s,box-shadow .14s;display:flex}.field .wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-50)}.field .wrap .lic{color:var(--ink-3);flex:none;margin-right:10px}.field input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:13px 0;font-size:15px}.field input::placeholder{color:var(--ink-3)}.field .eye{color:var(--ink-3);background:0 0;border:none;margin-right:-4px;padding:4px;line-height:0}.field .eye:hover{color:var(--ink)}.field .lab-row{justify-content:space-between;align-items:baseline;display:flex}.field .lab-row a{color:var(--accent-600);font-size:13px;font-weight:700}.strength{gap:5px;margin-top:9px;display:flex}.strength i{background:var(--line);border-radius:99px;flex:1;height:4px;transition:background .2s}.strength.s1 i:first-child{background:#e0567a}.strength.s2 i:nth-child(-n+2){background:#e0a32a}.strength.s3 i:nth-child(-n+3){background:#7bbf4a}.strength.s4 i{background:var(--ok)}.strength-lab{color:var(--ink-3);margin-top:6px;font-size:12px;font-weight:700}.check{color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;font-size:13.5px;font-weight:600;display:flex}.check input{opacity:0;position:absolute}.check .box{border:1.5px solid var(--line);background:var(--surface);color:#fff;border-radius:6px;flex:none;place-items:center;width:19px;height:19px;margin-top:1px;transition:all .12s;display:grid}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:focus-visible+.box{box-shadow:0 0 0 4px var(--accent-50)}.check .box svg{opacity:0;transition:opacity .1s}.check input:checked+.box svg{opacity:1}.check a{color:var(--accent-600);font-weight:700}.submit{background:var(--accent);color:#fff;width:100%;box-shadow:0 10px 26px color-mix(in oklch, var(--accent) 34%, transparent);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:4px;padding:14px 22px;font-size:15.5px;font-weight:800;transition:background .15s,transform 60ms;display:inline-flex}.submit:hover{background:var(--accent-600)}.submit:active{transform:translateY(1px)}.err{color:#d23b53;margin-top:6px;font-size:12.5px;font-weight:600}.status{color:var(--ok);background:color-mix(in oklch, var(--ok) 12%, #fff);border:1px solid color-mix(in oklch, var(--ok) 30%, #fff);border-radius:11px;margin:0 0 18px;padding:11px 14px;font-size:13.5px;font-weight:600}.legal{color:var(--ink-3);text-align:center;margin-top:18px;font-size:12.5px;line-height:1.5}.legal a{color:var(--ink-2);text-underline-offset:2px;text-decoration:underline}.swap{text-align:center;color:var(--ink-2);margin-top:22px;font-size:14.5px;font-weight:600}.swap a{color:var(--accent-600);font-weight:800}@media (width<=900px){.auth{grid-template-columns:1fr}.brandside{display:none}.fs-mobilelogo{font-family:var(--display);color:var(--ink);align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex;position:absolute;top:26px;left:32px}.fs-mobilelogo .mk{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.formside{min-height:100vh}}@media (width<=440px){.formside{padding:88px 22px 40px}.fs-top{top:26px;right:22px}}.backlink{color:var(--ink-3);align-items:center;gap:6px;margin-bottom:22px;font-size:13.5px;font-weight:700;transition:color .14s;display:inline-flex}.backlink:hover{color:var(--ink)}.submit.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none;margin-top:26px}.submit.ghost:hover{border-color:var(--ink-3);background:#fafafa}.sent-ico{width:60px;height:60px;color:var(--accent);background:var(--accent-50);border:1px solid var(--accent-100);border-radius:17px;place-items:center;margin-bottom:22px;display:grid}.sent-tips{background:var(--bg);border:1px solid var(--line);border-radius:14px;margin-top:22px;padding:16px 18px}.sent-tips p{color:var(--ink-2);margin:0;font-size:13.5px;font-weight:600;line-height:1.55}.sent-tips b{color:var(--ink)}.linklike{cursor:pointer;color:var(--accent-600);background:0 0;border:none;margin-top:10px;padding:0;font-size:13.5px;font-weight:800;display:inline-block}.linklike:hover{text-underline-offset:2px;text-decoration:underline}
