.auth-page{background:none;overflow:visible;padding-block:clamp(1.5rem,4vw,3.25rem) clamp(2.5rem,5vw,4.5rem)}
.auth-page .auth{border:1px solid var(--x2c9fa4);border-radius:28px;background:var(--x286753);box-shadow:0 1px 2px var(--x54c258),0 40px 90px -46px var(--x579ae0)}

.auth-page .av{isolation:isolate;background:#0E1712}
.auth-page .av::after{display:none}
.av-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.av-bg::before{content:"";position:absolute;inset:-20%;background:radial-gradient(38% 32% at 72% 22%,var(--x8b727c),transparent 70%),radial-gradient(34% 30% at 18% 78%,var(--x1fbd53),transparent 70%),radial-gradient(30% 26% at 90% 92%,var(--x956d7f),transparent 70%)}
.av-inner{gap:2rem}
.av-stage{position:relative;flex:1;display:grid;place-items:center;min-height:330px;padding:1.5rem 0 .5rem}
.av-device{position:relative;width:min(100%,330px)}
.av-wall{padding:12px;border:1px solid var(--x341e8f);border-radius:20px;background:linear-gradient(180deg,var(--x7ad4c7),var(--xe68f15));box-shadow:0 50px 90px -40px var(--xe8d4ff),inset 0 1px 0 var(--xf7ca67);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.av-wall-top{display:flex;gap:3px;width:max-content;margin:0 auto 12px;padding:3px;border:1px solid var(--xccef23);border-radius:999px;background:var(--x5da263)}
.av-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;color:#A8F7C6;font-size:.72rem;font-weight:600}
.av-tab .ic{width:.85rem;height:.85rem}
.av-tab.is-on{background:var(--xa72794);box-shadow:inset 0 0 0 1px var(--xc2af30);color:var(--xc72a84)}
.av-offers{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.av-offers li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:.7rem;align-items:center;overflow:hidden;padding:.55rem .6rem;border:1px solid var(--x7f0ad1);border-radius:14px;background:var(--x107cff)}
.av-thumb{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--xd2fa49),var(--xd2fa49));color:var(--xc72a84);box-shadow:inset 0 1px 0 var(--x809c79)}
.av-thumb .ic{width:18px;height:18px}
.av-t2{background:linear-gradient(145deg,var(--x210b95),var(--xd2fa49))}
.av-t3{background:linear-gradient(145deg,var(--xd2fa49),var(--xd2fa49))}
.av-offers .is-hit,.av-d-rows .is-new{border-color:var(--x5c0d6d);background:var(--x98816b)}
.av-name{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.av-name strong{overflow:hidden;color:var(--xc72a84);font-size:.82rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.av-name small{overflow:hidden;color:#A8F7C6;font-size:.72rem;white-space:nowrap;text-overflow:ellipsis}
.av-rew{padding:.26rem .55rem;border-radius:999px;background:var(--xef96e6);color:var(--x10dd2d);font-size:.74rem;font-weight:650;font-variant-numeric:normal}
.av-toast{position:absolute;top:-30px;right:-34px;display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem .55rem .55rem;border-radius:14px;background:var(--x286753);color:var(--ink);box-shadow:0 24px 44px -18px var(--x116f14)}
.av-toast-ic{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--xc4e6e3);color:var(--xd5dd0a)}
.av-toast-ic .ic{width:15px;height:15px}
.av-toast b{display:block;font-size:.78rem;font-weight:650;line-height:1.25}
.av-toast small{display:block;color:var(--muted);font-size:.7rem;line-height:1.3}
.av-chip{position:absolute;left:-30px;bottom:-22px;display:flex;align-items:center;gap:.5rem;padding:.42rem .5rem .42rem .7rem;border:1px solid var(--xba1afa);border-radius:999px;background:var(--x907df0);color:var(--xecabae);font-size:.72rem;font-weight:600;box-shadow:0 18px 36px -18px var(--x9597be)}
.av-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--x10dd2d);box-shadow:0 0 0 3px var(--xd87959)}
.av-chip code{padding:.1rem .4rem;border-radius:999px;background:var(--x1ac521);color:var(--x10dd2d);font:650 .68rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.av-copy{display:flex;flex-direction:column;gap:.9rem}
.auth-page .av .auth-visual-title{font-weight:700;letter-spacing:-.035em;line-height:1.04}
.auth-page .av .auth-lead{max-width:42ch;color:var(--xbd42a9)}
.av-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:.35rem 0 0;padding:1.1rem 0 0;list-style:none;border-top:1px solid var(--x032fd1)}
.av-meta li{display:inline-flex;align-items:center;gap:.4rem;color:var(--xecabae);font-size:.82rem;font-weight:600}
.av-meta .ic{width:.95rem;height:.95rem;color:var(--x10dd2d)}

.av-dash{width:min(100%,350px)}
.av-d-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.15rem .2rem .55rem}
.av-d-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--xecabae);font-size:.76rem;font-weight:600}
.av-d-label .ic{width:.9rem;height:.9rem;color:#A8F7C6}
.av-d-period{padding:.18rem .6rem;border:1px solid var(--x341e8f);border-radius:999px;background:var(--x5da263);color:#A8F7C6;font-size:.68rem;font-weight:600}
.av-d-total{display:flex;align-items:center;gap:.6rem;padding:0 .2rem}
.av-d-total b{color:var(--xc72a84);font-size:1.85rem;font-weight:650;letter-spacing:-.03em;font-variant-numeric:normal}
.av-d-up{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;background:var(--xef96e6);color:var(--x10dd2d);font-size:.72rem;font-weight:650}
.av-d-up .ic{width:.8rem;height:.8rem}
.av-d-chart{display:block;width:100%;height:74px;margin:.4rem 0 .6rem;overflow:visible}
.av-d-line{fill:none;stroke:var(--xe8fdca);stroke-width:2.2;stroke-linecap:round}
.av-d-rows{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}
.av-d-rows li{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border:1px solid var(--x7f0ad1);border-radius:12px;background:var(--x107cff);color:var(--xecabae);font-size:.76rem;font-weight:600}
.av-d-rows img{flex:none;width:16px;height:11px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px var(--x2700c6)}
.av-d-rows span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.av-d-rows em{flex:none;color:var(--x10dd2d);font-style:normal;font-variant-numeric:normal}
.av-login .av-bg::before{background:radial-gradient(38% 32% at 26% 20%,var(--x784ac4),transparent 70%),radial-gradient(34% 30% at 86% 74%,var(--x5b5c5d),transparent 70%),radial-gradient(30% 26% at 10% 94%,var(--x7ff94a),transparent 70%)}
.av-login .av-toast{right:-26px;top:-52px}

@media (min-width:961px) and (max-width:1180px){
  .av-toast{right:-12px}
  .av-chip{left:-10px}
}
@media (max-width:960px){
  .auth-page .av .av-stage,.auth-page .av .auth-lead,.auth-page .av .av-meta{display:none}
  .auth-page .auth{border-radius:22px}
}

@media (prefers-reduced-motion:no-preference){
  .av-offers li{animation:avUp .7s cubic-bezier(.22,1,.36,1) backwards}
  .av-offers li:nth-child(1){animation-delay:.1s}
  .av-offers li:nth-child(2){animation-delay:.2s}
  .av-offers li:nth-child(3){animation-delay:.3s}
}
@media (prefers-reduced-motion:no-preference){
  .av-d-line{stroke-dasharray:1;animation:avDraw 1.6s .2s cubic-bezier(.45,0,.2,1) backwards}
  .av-d-area{animation:avFade 1s .8s backwards}
  .av-d-rows li{animation:avUp .6s cubic-bezier(.22,1,.36,1) backwards}
  .av-d-rows li:nth-child(1){animation-delay:.5s}
  .av-d-rows li:nth-child(2){animation-delay:.6s}
  .av-d-rows li:nth-child(3){animation-delay:.7s}
}
@keyframes avDraw{from{stroke-dashoffset:1}}
@keyframes avFade{from{opacity:0}}
@keyframes avDrift{to{translate:4% -3%;scale:1.06}}
@keyframes avFloat{from{translate:0 4px}to{translate:0 -6px}}
@keyframes avUp{from{opacity:0;translate:0 10px}}

.auth-page .auth-box h1{font-weight:700;letter-spacing:-.03em}
.auth-page .field label{font-weight:650}
.auth-page .field input{min-height:48px;padding:.72rem .9rem;border:1px solid var(--xc47533);border-radius:12px;background:var(--x286753);transition:border-color .15s,box-shadow .2s,background-color .15s}
.auth-page .field input:hover{border-color:var(--x323365)}
.auth-page .field input:focus-visible{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand);background:var(--x286753);box-shadow:0 0 0 6px var(--x948c06)}
.auth-page .field input[aria-invalid="true"]{border-color:var(--xae57c9)}
.auth-page .google-btn{border-color:var(--xc47533);border-radius:999px;transition:border-color .15s,box-shadow .2s,translate .2s}
.auth-page .google-btn:hover{border-color:var(--x323365);box-shadow:0 10px 24px -14px var(--xe3ec8c)}
.auth-page .auth-box .turnstile-box{border-radius:12px}

@media (max-width:640px){
  .auth-page .auth{border-radius:18px}
  .paf-contact-row{grid-template-columns:minmax(0,1fr)}
}

.auth-page .btn.is-busy::before{content:"";flex:none;width:1em;height:1em;border:2px solid var(--xa20eae);border-top-color:var(--x263b08);border-radius:50%;animation:axSpin .7s linear infinite}
@keyframes axSpin{to{rotate:360deg}}
.paf-contact-row{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:.6rem}
.auth-page .field select,.auth-page .field textarea{min-height:48px;padding:.72rem .9rem;border:1px solid var(--xc47533);border-radius:12px;background-color:var(--x286753);transition:border-color .15s,box-shadow .2s,background-color .15s}
.auth-page .field select{padding-right:2.4rem}
.auth-page .field select:hover,.auth-page .field textarea:hover{border-color:var(--x323365)}
.auth-page .field select:focus-visible,.auth-page .field textarea:focus-visible{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand);background-color:var(--x286753);box-shadow:0 0 0 6px var(--x948c06)}
.auth-page .field select[aria-invalid="true"],.auth-page .field textarea[aria-invalid="true"]{border-color:var(--xae57c9)}
.auth-box:has(>.verify-ic+h1){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.95rem;align-items:center}
.auth-box:has(>.verify-ic+h1)>*{grid-column:1/-1}
.auth-box>.verify-ic:has(+h1){grid-column:1;width:2.9rem;height:2.9rem;margin:0;border-radius:14px}
.auth-box>.verify-ic+h1{grid-column:2;margin:0}
.auth-page .auth-box .turnstile-box{padding:0;border:0;border-radius:0;background:none;justify-content:flex-start}
@media (min-width:961px){.auth-page .auth-main{align-items:center}}
