.pax{--pax-a:#4fea9f;--pax-a-rgb:79,234,159;--pax-on:#0c1410;--pax-bg:#24242c;--pax-card:#1b1b22;--pax-field:#15151b;--pax-text:#f4f5f8;--pax-muted:#9294a3;--pax-line:rgba(255,255,255,.08);--pax-bad:#ff6b7f;--pax-ok:#4fea9f;--pax-warn:#f5b84a;--pax-r:16px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);width:100%;max-width:1160px;margin:8px auto 34px;overflow:hidden;border:1px solid var(--pax-line);border-radius:28px;background:var(--pax-card);box-shadow:0 40px 90px -60px rgba(0,0,0,.95);color:var(--pax-text);font-family:inherit;line-height:1.45;text-align:left}
.pax *,.pax *::before,.pax *::after{box-sizing:border-box}
.pax [hidden]{display:none!important}
.pax label{position:static;top:auto;font-size:inherit;transform:none;transition:none}
.pax label.pax-check{position:relative}

.pax-hero{position:relative;display:flex;align-items:center;min-height:640px;padding:48px;overflow:hidden;background:radial-gradient(70% 55% at 15% 0,rgba(var(--pax-a-rgb),.28),transparent 65%),radial-gradient(60% 50% at 100% 100%,rgba(139,124,246,.22),transparent 65%),linear-gradient(160deg,#22222b 0%,#15151b 100%)}
.pax-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(var(--pax-a-rgb),.35),transparent 65%);filter:blur(10px);opacity:.6;animation:paxFloat 9s ease-in-out infinite alternate;pointer-events:none}
.pax-hero__grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/44px 44px;-webkit-mask-image:radial-gradient(90% 70% at 30% 20%,#000,transparent 75%);mask-image:radial-gradient(90% 70% at 30% 20%,#000,transparent 75%);pointer-events:none}
.pax-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;max-width:460px}
.pax-hero__badge{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;height:32px;padding:0 14px;border:1px solid rgba(var(--pax-a-rgb),.35);border-radius:999px;background:rgba(var(--pax-a-rgb),.12);color:var(--pax-a);font-size:12.5px;font-weight:800;letter-spacing:.02em}
.pax-hero__badge i{font-size:15px}
.pax .pax-hero__title{margin:0;padding:0;color:#fff;font-size:44px;font-weight:800;line-height:1.08;letter-spacing:-.03em;text-transform:none}
.pax .pax-hero__title em{font-style:normal;background:linear-gradient(90deg,var(--pax-a),#8be9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pax .pax-hero__text{margin:0;color:#b6b8c6;font-size:15px;font-weight:500;line-height:1.6}
.pax [data-pax-show]{display:none}
.pax[data-pax-mode="login"] [data-pax-show="login"],.pax[data-pax-mode="register"] [data-pax-show="register"]{display:block}
.pax-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 0;padding:0;list-style:none}
.pax-perk{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.035);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pax-perk__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(var(--pax-a-rgb),.14);color:var(--pax-a);font-size:19px}
.pax-perk__text{display:flex;flex-direction:column;gap:1px;min-width:0}
.pax-perk__text b{color:#fff;font-size:13px;font-weight:800;line-height:1.25}
.pax-perk__text small{color:var(--pax-muted);font-size:11.5px;line-height:1.35}

.pax-card{display:flex;flex-direction:column;gap:18px;min-width:0;padding:36px 40px 34px;background:var(--pax-bg)}

.pax-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;border:1px solid var(--pax-line);border-radius:16px;background:var(--pax-field)}
.pax-tabs__glider{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:12px;background:var(--pax-a);box-shadow:0 10px 24px -12px rgba(var(--pax-a-rgb),.9);transition:transform .35s cubic-bezier(.65,0,.35,1)}
.pax[data-pax-mode="register"] .pax-tabs__glider{transform:translateX(100%)}
.pax button.pax-tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;height:44px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--pax-muted);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:color .25s ease}
.pax button.pax-tab i{font-size:18px}
.pax button.pax-tab:hover{color:var(--pax-text)}
.pax button.pax-tab.is-active{color:var(--pax-on)}

.pax-alert:empty{display:none}
.pax-alert p{margin:0}

.pax-panel{display:none;flex-direction:column;gap:18px}
.pax-panel.is-active{display:flex;animation:paxIn .35s cubic-bezier(.22,1,.36,1)}
.pax-head{display:flex;flex-direction:column;gap:4px}
.pax .pax-head__title{margin:0;padding:0;color:var(--pax-text);font-size:24px;font-weight:800;letter-spacing:-.02em;text-transform:none}
.pax .pax-head__sub{margin:0;color:var(--pax-muted);font-size:13.5px}

.pax-form{display:flex;flex-direction:column;gap:14px;margin:0}
.pax-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pax-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.pax-field__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pax .pax-field__label{margin:0;color:#d4d6e0;font-size:12.5px;font-weight:700}
.pax-field__hint{color:var(--pax-muted);font-size:11.5px;white-space:nowrap}
.pax-field__msg{min-height:0;color:var(--pax-bad);font-size:12px;font-weight:600}
.pax-field__msg:empty{display:none}
.pax-field__note{display:flex;align-items:center;gap:6px;color:var(--pax-muted);font-size:11.5px}
.pax-field__note i{color:var(--pax-warn);font-size:14px}

.pax-input{position:relative;display:flex;align-items:center}
.pax-input__icon{position:absolute;left:15px;z-index:1;color:var(--pax-muted);font-size:19px;pointer-events:none;transition:color .2s ease}
.pax .pax-input__control{width:100%;height:52px;margin:0;padding:0 46px;border:1px solid var(--pax-line);border-radius:var(--pax-r);background:var(--pax-field);box-shadow:none;color:var(--pax-text);font:inherit;font-size:14.5px;font-weight:600;outline:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.pax .pax-input__control::placeholder{color:#62646f;font-weight:500}
.pax .pax-input__control:hover{border-color:rgba(255,255,255,.14)}
.pax .pax-input__control:focus{border-color:rgba(var(--pax-a-rgb),.7);background:#18181f;box-shadow:0 0 0 4px rgba(var(--pax-a-rgb),.14)}
.pax .pax-input__control:-webkit-autofill{-webkit-text-fill-color:var(--pax-text);-webkit-box-shadow:0 0 0 60px var(--pax-field) inset;caret-color:var(--pax-text)}
.pax-input:focus-within .pax-input__icon{color:var(--pax-a)}
.pax button.pax-input__eye{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--pax-muted);font-size:19px;cursor:pointer;transition:background .2s ease,color .2s ease}
.pax button.pax-input__eye:hover{background:rgba(255,255,255,.06);color:var(--pax-text)}
.pax-input__state{position:absolute;right:15px;color:var(--pax-ok);font-size:19px;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.pax-field.is-ok .pax-input__state{opacity:1;transform:none}
.pax-field.is-bad .pax-input__control{border-color:rgba(255,107,127,.7);box-shadow:0 0 0 4px rgba(255,107,127,.12)}
.pax-field.is-bad .pax-input__icon{color:var(--pax-bad)}

.pax-caps{display:none;align-items:center;gap:5px;margin-top:-6px;color:var(--pax-warn);font-size:12px;font-weight:700}
.pax-caps.is-on{display:flex}
.pax-caps i{font-size:15px}

.pax-strength{display:flex;align-items:center;gap:10px}
.pax-strength__bars{display:grid;flex:1 1 auto;grid-template-columns:repeat(4,1fr);gap:4px}
.pax-strength__bars i{height:4px;border-radius:999px;background:rgba(255,255,255,.08);transition:background .25s ease}
.pax-strength__label{flex:0 0 auto;color:var(--pax-muted);font-size:11.5px;font-weight:700}
.pax-strength[data-strength="0"]{display:none}
.pax-strength[data-strength="1"] .pax-strength__bars i:nth-child(-n+1){background:var(--pax-bad)}
.pax-strength[data-strength="2"] .pax-strength__bars i:nth-child(-n+2){background:var(--pax-warn)}
.pax-strength[data-strength="3"] .pax-strength__bars i:nth-child(-n+3){background:#8be9ff}
.pax-strength[data-strength="4"] .pax-strength__bars i{background:var(--pax-ok)}
.pax-strength[data-strength="1"] .pax-strength__label{color:var(--pax-bad)}
.pax-strength[data-strength="2"] .pax-strength__label{color:var(--pax-warn)}
.pax-strength[data-strength="4"] .pax-strength__label{color:var(--pax-ok)}

.pax-extra{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px dashed rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.015)}
.pax-extra__title{display:flex;align-items:center;gap:7px;color:var(--pax-text);font-size:13px;font-weight:800}
.pax-extra__title i{color:var(--pax-a);font-size:17px}
.pax-extra__title span{margin-left:auto;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--pax-muted);font-size:10.5px;font-weight:700}

.pax-consents{display:flex;flex-direction:column;gap:8px}
.pax-check{position:relative;display:flex;align-items:center;gap:11px;margin:0;padding:11px 12px;border:1px solid var(--pax-line);border-radius:14px;background:var(--pax-field);cursor:pointer;transition:border-color .2s ease}
.pax-check:hover{border-color:rgba(255,255,255,.16)}
.pax-check input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pax-check__box{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid rgba(255,255,255,.2);border-radius:7px;color:transparent;font-size:17px;transition:background .2s ease,border-color .2s ease,color .2s ease}
.pax-check input:checked + .pax-check__box{border-color:var(--pax-a);background:var(--pax-a);color:var(--pax-on)}
.pax-check input:focus-visible + .pax-check__box{box-shadow:0 0 0 4px rgba(var(--pax-a-rgb),.2)}
.pax-check__text{color:#cfd1db;font-size:13px;font-weight:600}

.pax .auth-captcha{display:flex;justify-content:center;overflow:hidden}

.pax button.pax-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;margin:4px 0 0;padding:0 20px;overflow:hidden;border:0;border-radius:var(--pax-r);background:linear-gradient(135deg,var(--pax-a),color-mix(in srgb,var(--pax-a) 70%,#0a84ff));box-shadow:0 18px 34px -16px rgba(var(--pax-a-rgb),.85);color:var(--pax-on);font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.pax button.pax-submit:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 22px 40px -16px rgba(var(--pax-a-rgb),.95)}
.pax button.pax-submit:active{transform:translateY(0)}
.pax-submit__icon{font-size:20px;transition:transform .2s ease}
.pax button.pax-submit:hover .pax-submit__icon{transform:translateX(3px)}
.pax-submit__spin{position:absolute;width:22px;height:22px;border:3px solid rgba(0,0,0,.2);border-top-color:var(--pax-on);border-radius:50%;opacity:0;animation:paxSpin .8s linear infinite}
.pax button.pax-submit.is-busy{cursor:progress;filter:saturate(.8)}
.pax button.pax-submit.is-busy .pax-submit__label,.pax button.pax-submit.is-busy .pax-submit__icon{opacity:0}
.pax button.pax-submit.is-busy .pax-submit__spin{opacity:1}

.pax-result:empty{display:none}
.pax-result p,.pax-alert p{margin:0}
.pax-result .text-danger,.pax-alert .text-danger,.pax-result .text-success,.pax-alert .text-success,.pax-result .text-info{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:14px;font-size:13.5px;font-weight:700;line-height:1.45;text-align:left}
.pax .pax-result .text-danger,.pax .pax-alert .text-danger{border:1px solid rgba(255,107,127,.3);background:rgba(255,107,127,.1);color:#ff8d9c!important}
.pax .pax-result .text-success,.pax .pax-alert .text-success{border:1px solid rgba(79,234,159,.3);background:rgba(79,234,159,.1);color:#7af0b8!important}
.pax .pax-result .text-info{border:1px solid rgba(90,180,255,.3);background:rgba(90,180,255,.1);color:#8ccaff!important}
.pax-alert{padding:0}

.pax-notice{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid rgba(245,184,74,.3);border-radius:14px;background:rgba(245,184,74,.08);color:#f7cf86;font-size:13.5px;font-weight:600}
.pax-notice i{flex:0 0 auto;font-size:19px}

.pax-social{display:flex;flex-direction:column;gap:12px}
.pax-divider{display:flex;align-items:center;gap:12px;color:var(--pax-muted);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pax-divider::before,.pax-divider::after{content:"";flex:1 1 auto;height:1px;background:var(--pax-line)}
.pax-soc{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.pax .pax-soc-btn{position:relative;display:flex;align-items:center;gap:10px;min-width:0;height:52px;padding:0 12px;border:1px solid var(--pax-line);border-radius:14px;background:var(--pax-field);color:var(--pax-text);text-decoration:none;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.pax .pax-soc-btn:hover{border-color:var(--soc,rgba(255,255,255,.2));background:color-mix(in srgb,var(--soc,#fff) 8%,var(--pax-field));color:var(--pax-text);text-decoration:none;transform:translateY(-1px)}
.pax-soc-btn--google{--soc:#ea4335}
.pax-soc-btn--discord{--soc:#5865f2}
.pax-soc-btn--telegram{--soc:#229ed9}
.pax-soc-btn--steam{--soc:#66c0f4}
.pax-soc-btn__logo{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.06)}
.pax-soc-btn__logo img{display:block;width:22px;height:22px;object-fit:contain}
.pax-soc-btn__text{display:flex;flex-direction:column;min-width:0}
.pax-soc-btn__text b{overflow:hidden;color:var(--pax-text);font-size:13.5px;font-weight:800;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.pax-soc-btn__text em{overflow:hidden;color:var(--pax-muted);font-size:11px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.pax-soc-btn__arrow{margin-left:auto;color:var(--pax-muted);font-size:18px}

.pax-link{color:var(--pax-a);font-size:12.5px;font-weight:700;text-decoration:none}
.pax .pax-link:hover{color:var(--pax-a);text-decoration:underline}
.pax-foot{margin:0;color:var(--pax-muted);font-size:13.5px;text-align:center}
.pax .pax-foot a{color:var(--pax-a);font-weight:800;text-decoration:none}
.pax .pax-foot a:hover{text-decoration:underline}

.pax-tg-holder{display:flex;justify-content:center;min-height:52px}

.pax--single{grid-template-columns:minmax(0,1fr) minmax(0,500px)}
.pax--single .pax-hero{min-height:520px}

@keyframes paxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes paxSpin{to{transform:rotate(360deg)}}
@keyframes paxFloat{from{transform:translate(0,0)}to{transform:translate(-40px,40px)}}

@media (max-width:991px){
	.pax,.pax--single{grid-template-columns:minmax(0,1fr);max-width:640px;border-radius:24px}
	.pax-hero,.pax--single .pax-hero{min-height:0;padding:30px 28px}
	.pax .pax-hero__title{font-size:32px}
	.pax-perks{display:none}
	.pax-card{padding:28px}
}
@media (max-width:560px){
	.pax{margin-top:0;border-radius:20px}
	.pax-hero{padding:24px 20px}
	.pax .pax-hero__title{font-size:27px}
	.pax .pax-hero__text{font-size:13.5px}
	.pax-card{gap:16px;padding:20px 18px 24px}
	.pax-grid{grid-template-columns:minmax(0,1fr)}
	.pax .pax-head__title{font-size:21px}
	.pax-soc{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
	.pax *,.pax *::before,.pax *::after{animation:none!important;transition:none!important}
}
