.auth{background:radial-gradient(55% 55% at 50% 35%,var(--color-bg-main)0%,var(--color-bg-secondary)100%);justify-content:center;align-items:center;min-height:100vh;padding:80px 16px;transition:background .25s;display:flex;overflow-x:hidden}.auth-inner{width:100%;max-width:520px;position:relative}.auth-card{z-index:2;text-align:right;background:var(--color-bg-card);border:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(14px);direction:rtl;border-radius:20px;padding:26px 26px 22px;transition:background-color .25s,border-color .25s,box-shadow .25s;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:var(--color-text-main);font-family:Pinar-VF,sans-serif;font-size:18px;line-height:24px;transition:color .25s}.auth-brandTag{color:var(--color-text-muted);font-family:Pinar-VF,sans-serif;font-size:12px;line-height:16px;transition:color .25s}.auth-title{color:var(--color-text-main);text-align:center;margin:10px 0 0;font-family:Pinar-VF,sans-serif;font-size:40px;font-weight:400;line-height:44px;transition:color .25s}.auth-subtitle{color:var(--color-text-muted);text-align:center;margin:0;font-family:Pinar-VF,sans-serif;font-size:14px;line-height:22px;transition:color .25s}.auth-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.auth-tab{border:1px solid var(--color-border-soft);background:var(--color-primary-soft);height:44px;color:var(--color-text-muted);cursor:pointer;border-radius:12px;font-family:Pinar-VF,sans-serif;font-size:14px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.auth-tab:hover{border-color:var(--color-primary)}.auth-tab.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);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:var(--color-text-main);font-family:Pinar-VF,sans-serif;font-size:13px;line-height:18px;transition:color .25s}.auth-input{background:var(--color-bg-card);border:1px solid var(--color-border-soft);height:46px;color:var(--color-text-main);border-radius:12px;outline:none;padding:0 14px;font-family:Pinar-VF,sans-serif;font-size:14px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.auth-input::placeholder{color:var(--color-text-muted);opacity:.8}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.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:var(--color-text-muted);align-items:center;gap:8px;font-family:Pinar-VF,sans-serif;font-size:13px;transition:color .25s;display:inline-flex}.auth-check input{width:16px;height:16px;accent-color:var(--color-primary)}.auth-linkBtn{cursor:pointer;color:var(--color-primary);opacity:.9;background:0 0;border:0;padding:6px 0;font-family:Pinar-VF,sans-serif;font-size:13px;transition:color .2s,opacity .2s}.auth-linkBtn:hover{opacity:1;text-decoration:underline}.auth-submit{border:1px solid var(--color-primary);background:var(--color-primary);height:52px;color:var(--color-text-invert);cursor:pointer;border-radius:12px;margin-top:6px;font-family:Pinar-VF,sans-serif;font-size:16px;transition:transform .2s,box-shadow .2s,background-color .25s,border-color .25s,color .25s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 10px 30px #00e0ff2e}.auth-submit:active{transform:translateY(0)}.auth-foot{justify-content:center;align-items:center;margin-top:6px;display:flex}.auth-hint{color:var(--color-text-muted);align-items:center;gap:8px;font-family:Pinar-VF,sans-serif;font-size:13px;transition:color .25s;display:inline-flex}.auth-inlineBtn{cursor:pointer;color:var(--color-primary);background:0 0;border:0;font-family:Pinar-VF,sans-serif;font-size:13px;transition:color .2s}.auth-inlineBtn:hover{text-decoration:underline}.auth-secondaryBtn{background:var(--color-bg-card);border:1px solid var(--color-border-soft);color:var(--color-text-main);cursor:pointer;border-radius:12px;height:44px;padding:0 16px;font-family:Pinar-VF,sans-serif;transition:background-color .2s,border-color .2s,color .2s}.auth-secondaryBtn:hover{border-color:var(--color-primary)}.auth-legal{color:var(--color-text-muted);text-align:center;margin:8px 0 0;font-family:Pinar-VF,sans-serif;font-size:12px;line-height:18px;transition:color .25s}.auth-legal span{color:var(--color-primary);cursor:pointer;transition:color .25s}.auth-googleBtn{border:1px solid var(--color-border-soft);background:var(--color-bg-card);height:48px;color:var(--color-text-main);cursor:pointer;border-radius:12px;margin-top:10px;font-family:Pinar-VF,sans-serif;font-size:14px;transition:transform .2s,background-color .2s,border-color .2s,color .2s}.auth-googleBtn:hover{border-color:var(--color-primary);transform:translateY(-1px)}.auth-googleBtn:active{transform:translateY(0)}.auth-glow{z-index:1;filter:blur(40px);opacity:.55;pointer-events:none;transition:opacity .25s;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}}html[data-theme=light] .auth-card{box-shadow:0 0 0 1px #00a8c71f,0 20px 60px #0a0f1f14}html[data-theme=light] .auth-glow{opacity:.28}html[data-theme=light] .auth-input,html[data-theme=light] .auth-tab,html[data-theme=light] .auth-secondaryBtn,html[data-theme=light] .auth-googleBtn{background:#ffffffd1}.blue{color:var(--color-primary)}