.auth{background:radial-gradient(55% 55% at 50% 35%,#0a0f1f 0%,#1a1f2c 100%);justify-content:center;align-items:center;min-height:100vh;padding:80px 16px;display:flex}.auth-inner{width:100%;max-width:520px;position:relative}.auth-card{z-index:2;text-align:right;-webkit-backdrop-filter:blur(14px);direction:rtl;background:#1a1f2c8c;border:1px solid #ffffff1a;border-radius:20px;padding:26px 26px 22px;position:relative;box-shadow:0 0 0 1px #00e0ff2e,0 0 40px #00e0ff1a}.auth-head{flex-direction:column;gap:10px;display:flex}.auth-brand{justify-content:center;align-items:center;gap:12px;display:flex}.auth-logoBox{background:#000;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;padding:1px;display:flex}.auth-logoImg{object-fit:contain;border-radius:10px;width:48px;height:48px;display:block}.auth-brandText{flex-direction:column;gap:2px;display:flex}.auth-brandName{color:#fff;font-family:Pinar-VF,sans-serif;font-size:18px;line-height:24px}.auth-brandTag{color:#9ca3af;font-family:Pinar-VF,sans-serif;font-size:12px;line-height:16px}.auth-title{color:#fff;text-align:center;margin:10px 0 0;font-family:Pinar-VF,sans-serif;font-size:40px;font-weight:400;line-height:44px}.auth-subtitle{color:#9ca3af;text-align:center;margin:0;font-family:Pinar-VF,sans-serif;font-size:14px;line-height:22px}.auth-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.auth-tab{color:#cbd5e1;cursor:pointer;background:#0a0f1f59;border:1px solid #ffffff1a;border-radius:12px;height:44px;font-family:Pinar-VF,sans-serif;font-size:14px;transition:all .2s}.auth-tab:hover{border-color:#00e0ff59}.auth-tab.is-active{color:#00e0ff;background:#00e0ff1f;border-color:#00e0ff59;box-shadow:0 0 22px #00e0ff1f}.auth-form{flex-direction:column;gap:12px;margin-top:18px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-label{color:#e5e7eb;font-family:Pinar-VF,sans-serif;font-size:13px;line-height:18px}.auth-input{color:#fff;background:#0a0f1f59;border:1px solid #ffffff1a;border-radius:12px;outline:none;height:46px;padding:0 14px;font-family:Pinar-VF,sans-serif;font-size:14px;transition:all .2s}.auth-input::placeholder{color:#9ca3afcc}.auth-input:focus{border-color:#00e0ff73;box-shadow:0 0 0 3px #00e0ff1a}.auth-row{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.auth-check{cursor:pointer;-webkit-user-select:none;user-select:none;color:#9ca3af;align-items:center;gap:8px;font-family:Pinar-VF,sans-serif;font-size:13px;display:inline-flex}.auth-check input{accent-color:#00e0ff;width:16px;height:16px}.auth-linkBtn{cursor:pointer;color:#00e0ff;opacity:.9;background:0 0;border:0;padding:6px 0;font-family:Pinar-VF,sans-serif;font-size:13px}.auth-linkBtn:hover{opacity:1;text-decoration:underline}.auth-submit{color:#fff;cursor:pointer;background:#00e0ff;border:1px solid #00e0ff;border-radius:12px;height:52px;margin-top:6px;font-family:Pinar-VF,sans-serif;font-size:16px;transition:all .2s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 10px 30px #00e0ff2e}.auth-foot{justify-content:center;align-items:center;margin-top:6px;display:flex}.auth-hint{color:#9ca3af;align-items:center;gap:8px;font-family:Pinar-VF,sans-serif;font-size:13px;display:inline-flex}.auth-inlineBtn{cursor:pointer;color:#00e0ff;background:0 0;border:0;font-family:Pinar-VF,sans-serif;font-size:13px}.auth-inlineBtn:hover{text-decoration:underline}.auth-secondaryBtn{color:#e5e7eb;cursor:pointer;background:#0a0f1f59;border:1px solid #ffffff1a;border-radius:12px;height:44px;padding:0 16px;font-family:Pinar-VF,sans-serif}.auth-secondaryBtn:hover{border-color:#00e0ff40}.auth-legal{color:#9ca3af;text-align:center;margin:8px 0 0;font-family:Pinar-VF,sans-serif;font-size:12px;line-height:18px}.auth-legal span{color:#00e0ff;cursor:pointer}.auth-glow{z-index:1;filter:blur(40px);opacity:.55;pointer-events:none;position:absolute}.auth-glow--1{background:#00e0ff59;width:240px;height:240px;top:-40px;right:-60px}.auth-glow--2{background:#ff5f3038;width:220px;height:220px;bottom:-60px;left:-70px}@media (max-width:520px){.auth-card{border-radius:18px;padding:22px 18px 18px}.auth-title{font-size:34px;line-height:40px}}