@keyframes access-glow{0%,to{opacity:.55}50%{opacity:1}}@keyframes access-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.access-page{color:#0f152e;min-height:100vh;font-family:var(--font-outfit),system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#eef1f5;padding:16px}.access-page *{box-sizing:border-box}.access-page a{color:inherit;text-decoration:none}.access-frame{background:#fff;border-radius:30px;grid-template-columns:minmax(380px,.92fr) minmax(440px,1.08fr);min-height:calc(100vh - 32px);display:grid;position:relative;overflow:hidden;box-shadow:0 50px 110px -70px #0f152ebf,0 1px 3px #0f152e0d}.access-aside{color:#fff;background:#0f152e;flex-direction:column;gap:22px;padding:34px 40px 30px;display:flex;position:relative;overflow:hidden}.aside-glow{background:radial-gradient(520px 340px at 110% -10%,#a8dc0d42,#0000 62%),radial-gradient(460px 360px at -25% 112%,#a8dc0d21,#0000 62%);animation:11s ease-in-out infinite access-glow;position:absolute;inset:0}.aside-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 62% at 50% 42%,#000,#0000);mask-image:radial-gradient(72% 62% at 50% 42%,#000,#0000)}.access-aside:before{content:"";background:linear-gradient(90deg,#a8dc0d,#0000);height:3px;position:absolute;top:0;left:0;right:0}.aside-head{justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.aside-head img{background:#fff;border-radius:13px;width:auto;height:28px;padding:9px 14px;display:block}.aside-head>a:last-child{color:#ffffff80;font-size:12.5px;font-weight:600}.aside-head>a:last-child:hover{color:#a8dc0d}.aside-copy{position:relative}.aside-copy>span{color:#a8dc0d;font:700 10.5px var(--font-jetbrains),monospace;letter-spacing:.14em;text-transform:uppercase;background:#a8dc0d21;border:1px solid #a8dc0d42;border-radius:999px;align-items:center;gap:8px;padding:6px 13px;display:inline-flex}.aside-copy>span i{background:#a8dc0d;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite access-glow}.aside-copy h2{letter-spacing:-.044em;margin:16px 0 0;font-size:35px;line-height:1.05}.aside-copy h2 em{color:#a8dc0d;font-style:normal}.aside-copy p{color:#ffffff85;max-width:380px;margin:14px 0 0;font-size:16px;line-height:1.6}.aside-preview{color:#0f152e;background:#fff;border-radius:24px;width:100%;max-width:308px;margin:auto;animation:10s ease-in-out infinite access-float;position:relative;overflow:hidden;box-shadow:0 44px 80px -44px #000000e6}.preview-head{background:#fcfdfe;border-bottom:1px solid #eef1f5;align-items:center;gap:10px;padding:13px 15px;display:flex}.preview-head>b{background:#a8dc0d;border-radius:9px;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.preview-head>span{background:#f4f6f8;border:1px solid #ebeff4;border-radius:999px;min-width:0;padding:6px 12px;font-size:11.5px;font-weight:600}.preview-head>i{color:#fff;background:#0f152e;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:auto;font-size:10px;font-style:normal;display:grid}.preview-body{padding:14px 14px 16px}.preview-body>small{font:400 9.5px var(--font-jetbrains),monospace;letter-spacing:.1em;color:#8a93a6;justify-content:space-between;margin-bottom:10px;display:flex}.preview-body>small em{color:#5e8500;font-style:normal}.module-row{background:#f8fafc;border:1px solid #eef1f5;border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:7px 10px;display:flex}.module-row>b{background:#eef2f7;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.module-row>span{flex:1;font-size:12px;font-weight:600}.module-row>em{font:400 8px var(--font-jetbrains),monospace;text-transform:uppercase;color:#a9b2c0}.module-row.active{background:#fbfdf6;border-color:#dce8c3}.setup{background:#f7f9fa;border:1px solid #eef1f5;border-radius:14px;margin-top:12px;padding:12px}.setup>span{font:400 9.5px var(--font-jetbrains),monospace;color:#8a93a6;justify-content:space-between;display:flex}.setup>span b{color:#5e8500}.setup>i{background:#eef1f5;border-radius:99px;height:5px;margin-top:8px;display:block;overflow:hidden}.setup>i b{background:#a8dc0d;height:100%;transition:width .4s;display:block}.aside-tags{flex-wrap:wrap;gap:7px;display:flex;position:relative}.aside-tags span{font:400 11.5px var(--font-jetbrains),monospace;color:#ffffff80;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;padding:7px 14px}.access-form-side{flex-direction:column;min-width:0;padding:30px 46px;display:flex;overflow-y:auto}.switch-row{color:#7a879b;justify-content:flex-end;align-items:center;gap:11px;font-size:13.5px;display:flex}.switch-row button{color:#0f152e;cursor:pointer;background:#fff;border:1.5px solid #e7ecf3;border-radius:999px;padding:9px 17px;font:700 13.5px inherit}.switch-row button:hover{background:#fbfdf6;border-color:#bfd68a}.step-rail{align-items:center;width:100%;max-width:520px;margin:26px auto 0;display:flex}.step-rail span{color:#a9b2c0;width:28px;height:28px;font:700 11px var(--font-jetbrains),monospace;border:1.5px solid #e1e6ed;border-radius:50%;place-items:center;display:grid}.step-rail span:not(:last-child):after{content:"";background:#e7ecf3;width:43px;height:2px;position:absolute;transform:translate(35px)}.step-rail{justify-content:space-between}.step-rail .current{color:#0f152e;background:#a8dc0d;border-color:#a8dc0d;box-shadow:0 0 0 5px #a8dc0d21}.auth-box{width:100%;max-width:472px;margin:auto;padding:26px 0 6px}.auth-heading>span{color:#7fb000;font:700 11px var(--font-jetbrains),monospace;letter-spacing:.14em;margin-bottom:10px;display:block}.auth-heading h1{letter-spacing:-.035em;margin:0 0 8px;font-size:29px;line-height:1.12}.auth-heading p{color:#7a879b;margin:0 0 26px;font-size:15px;line-height:1.55}.auth-form{gap:16px;display:grid}.auth-form>label{color:#6b7488;gap:8px;font-size:12px;font-weight:600;display:grid}.field{background:#f8fafc;border:1.5px solid #e7ecf3;border-radius:16px;align-items:center;gap:12px;padding:11px 14px;transition:all .16s;display:flex}.field:focus-within{background:#fff;border-color:#bfd68a;box-shadow:0 8px 22px -16px #0f152e80}.field>b{color:#7a879b;background:#eef2f7;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.field input{color:#0f152e;background:0 0;border:0;outline:none;width:100%;padding:5px 0;font:400 15px inherit}.show-password{color:#7fb000;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font:700 12px inherit;display:flex}.show-password svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:17px;height:17px}.password-meter{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:12px 14px}.meter-copy{color:#8a93a6;justify-content:space-between;font-size:11px;display:flex}.meter-copy strong{color:#7fb000}.meter-bars{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px;display:grid}.meter-bars i{background:#e3e8ee;border-radius:5px;height:4px}.meter-bars i.filled{background:#a8dc0d}.login-options{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.login-options label{color:#4a5468;align-items:center;gap:8px;display:flex}.login-options input{accent-color:#7fb000;width:16px;height:16px}.login-options a{color:#7fb000;font-weight:700}.captcha-shell{min-height:65px;overflow:hidden}.captcha-shell small{color:#8a6419;font-size:11px}.auth-error{color:#ad3131;background:#fff0f0;border-radius:12px;margin:0;padding:12px 14px;font-size:12px}.auth-submit{color:#0f152e;cursor:pointer;background:#a8dc0d;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font:700 15.5px inherit;display:flex;box-shadow:0 18px 34px -18px #7eb000f2}.auth-submit:hover:not(:disabled){background:#b9ee1e}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.legal{text-align:center;color:#8a93a6;font-size:11px;line-height:1.55}.legal a{color:#5e8500;font-weight:600}.secure-note{color:#a9b2c0;border-top:1px solid #f0f3f7;justify-content:center;align-items:center;gap:9px;padding-top:18px;font-size:12.5px;display:flex}@media (max-width:980px){.access-page{padding:0}.access-frame{border-radius:0;grid-template-columns:1fr;min-height:100vh}.access-aside{display:none}.access-form-side{padding:24px}.switch-row{margin-bottom:20px}.auth-box{margin:auto}.secure-note{margin-top:24px}}@media (max-width:560px){.access-form-side{padding:20px 16px}.switch-row{font-size:12px}.step-rail span{width:24px;height:24px;font-size:9px}.step-rail span:not(:last-child):after{display:none}.auth-heading h1{font-size:26px}.field{padding:9px 11px}.show-password span{display:none}.login-options{font-size:12px}.secure-note{text-align:center;font-size:11px}}.module-row.active{color:#fff;background:#0f152e;border-color:#0f152e}.module-row.active>b{color:#0f152e;background:#a8dc0d}.module-row.active>em{color:#a8dc0d}.setup>small{color:#8a93a6;margin-top:8px;font-size:9px;display:block}.aside-floats{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:308px;margin:-4px auto 0;display:grid;position:relative}.aside-floats article{color:#0f152e;background:#fff;border-radius:18px;padding:13px;animation:9s ease-in-out infinite access-float;box-shadow:0 30px 55px -32px #000000f2}.aside-floats article:first-child{color:#fff;background:#0f152e;animation-delay:.5s}.aside-floats article>span{align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.aside-floats article>span b{color:#0f152e;background:#a8dc0d;border-radius:7px;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.aside-floats article>em{color:#8a93a6;font:400 8px var(--font-jetbrains),monospace;text-transform:uppercase;margin-top:8px;display:block}.aside-floats article>strong{margin-top:3px;font-size:18px;display:block}.aside-floats article:first-child>strong{color:#a8dc0d}.aside-floats article>i{background:#a8dc0d;border-radius:99px;height:4px;margin-top:9px;display:block}.aside-floats svg{width:100%;height:28px;margin-top:2px}.aside-floats path{fill:none;stroke:#7fb000;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300px;animation:2s .4s forwards access-draw}@keyframes access-draw{to{stroke-dashoffset:0}}.register-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.register-pair>label{color:#6b7488;gap:8px;font-size:12px;font-weight:600;display:grid}.terms-check{background:#f8fafc;border:1.5px solid #eef2f7;border-radius:16px;align-items:center;padding:13px 16px;color:#4a5468!important;grid-template-columns:auto 1fr!important;gap:12px!important;font-size:13px!important;display:flex!important}.terms-check input{accent-color:#7fb000;width:17px;height:17px}@media (max-width:1180px) and (min-width:861px){.access-frame{grid-template-columns:minmax(340px,.82fr) minmax(430px,1.18fr)}.access-aside{padding:30px}.aside-copy h2{font-size:31px}.aside-preview,.aside-floats{max-width:285px}.access-form-side{padding:28px 34px}}@media (max-width:860px){.access-page{padding:0}.access-frame{border-radius:0;grid-template-columns:1fr;min-height:100vh}.access-aside{display:none}.access-form-side{padding:24px}.switch-row{margin-bottom:20px}.auth-box{margin:auto}.secure-note{margin-top:24px}}@media (max-width:560px){.register-pair{grid-template-columns:1fr}.terms-check{font-size:12px!important}.auth-box{padding-top:20px}.step-rail{margin-top:22px}}.aside-visual{z-index:1;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:visible}.aside-visual:before{content:"";filter:blur(8px);background:radial-gradient(circle,#a8dc0d33,#0000 70%);border-radius:50%;width:330px;height:330px;animation:8s ease-in-out infinite access-glow;position:absolute}.aside-visual-inner{transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex;position:relative}.aside-preview,.aside-floats{flex:none;margin:0}.aside-tags{flex:none}@media (min-width:861px){.access-aside{align-self:start;height:calc(100vh - 32px);position:sticky;top:0}}@media (min-width:861px) and (max-height:900px){.access-aside{gap:16px}.aside-copy h2{font-size:31px}.aside-copy p{margin-top:10px;font-size:14px}.aside-visual-inner{transform:scale(.9)}.aside-visual{margin:-20px 0}.aside-tags{margin-top:-8px}}@media (min-width:861px) and (max-height:760px){.access-aside{gap:12px;padding-top:24px;padding-bottom:20px}.aside-copy h2{margin-top:12px;font-size:27px}.aside-copy p{font-size:13px;line-height:1.45}.aside-visual-inner{transform:scale(.8)}.aside-visual{margin:-42px 0}.aside-tags{display:none}}@media (min-width:861px) and (max-height:640px){.aside-copy p{display:none}.aside-visual-inner{transform:scale(.68)}.aside-visual{margin:-64px 0}.aside-tags{display:none}}@media (min-width:861px) and (max-width:1100px){.aside-visual-inner{transform:scale(.78)}.aside-visual{margin:-44px 0}.aside-tags span{padding:6px 10px;font-size:10px}}
