:root{--bg:#060c18;--bg2:#090f1e;--bg3:#0c1326;--s1:#0f1a2e;--s2:#132038;--s3:#182845;--a:#2563eb;--a2:#3b7eff;--a3:#6da4ff;--teal:#06d6a0;--teal2:#04b885;--tx:#f1f5ff;--tx2:#6b7fa3;--tx3:#2e3d5c;--bd:rgba(255,255,255,0.055);--bd2:rgba(37,99,235,.26);--bd3:rgba(255,255,255,0.08);--err:#f43f5e}.auth-body{background:var(--bg);color:var(--tx);font-family:Inter,sans-serif;min-height:100vh}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;position:relative;z-index:1}.auth-left{background:linear-gradient(160deg,var(--s2) 0,var(--bg2) 100%);border-right:1px solid var(--bd);display:flex;flex-direction:column;justify-content:space-between;padding:3rem;position:relative;overflow:hidden}.auth-right{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--bg)}.auth-card{width:100%;max-width:420px;animation:slideIn .5s ease both}@keyframes slideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.auth-input{width:100%;padding:.72rem .9rem .72rem 2.6rem;background:var(--s1);border:1px solid var(--bd3);border-radius:10px;color:var(--tx);font-size:.88rem;outline:none;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--a);box-shadow:0 0 0 3px rgba(37,99,235,.14)}.auth-submit{width:100%;padding:.82rem;border-radius:10px;background:var(--a);color:white;font-size:.92rem;font-weight:600;border:none;cursor:pointer;letter-spacing:-.01em;box-shadow:0 0 22px rgba(37,99,235,.3);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px}.auth-submit:hover{background:var(--a2);box-shadow:0 0 32px rgba(37,99,235,.46);transform:translateY(-1px)}@media(max-width:768px){.auth-page{grid-template-columns:1fr}.auth-left{display:none}}