.login-page{color:#edf5ff;background:#07111f;min-height:100vh;padding:30px;font-family:inherit}.login-brand{color:#58d6b1;margin:0 max(3vw,20px) 28px;font-size:25px;font-weight:900;text-decoration:none;display:inline-block}.login-card{background:#0e1c2d;border:1px solid #223851;border-radius:30px;grid-template-columns:1.05fr .95fr;max-width:980px;margin:auto;display:grid;overflow:hidden;box-shadow:0 30px 80px #0008}.login-art{background:radial-gradient(circle at 20% 20%,#1d7f78 0,#0000 46%),linear-gradient(145deg,#10283b,#07111f);padding:70px 55px}.login-art span{color:#71e0bd}.login-art h1{margin:20px 0;font-size:45px;line-height:1.35}.login-art p{color:#b7c7d8;line-height:2}.login-card form{flex-direction:column;gap:17px;padding:45px;display:flex}.mode{background:#081422;border-radius:13px;grid-template-columns:1fr 1fr;padding:5px;display:grid}.mode button{color:#93a7bb;font:inherit;background:0 0;border:0;border-radius:10px;padding:12px}.mode .active{color:#fff;background:#17324a}.login-card label{color:#becddd;gap:8px;font-size:14px;display:grid}.login-card input{color:#fff;font:inherit;direction:rtl;background:#081522;border:1px solid #29425b;border-radius:12px;padding:14px}.primary{color:#042119;font:inherit;cursor:pointer;background:#36c89a;border:0;border-radius:13px;padding:15px;font-weight:900}.primary:disabled{opacity:.6}.login-msg{color:#ffd8df;background:#3b2630;border-radius:10px;margin:0;padding:10px}.login-card small{color:#7790a8;text-align:center}.or{text-align:center;color:#688199;margin:-8px}@media (max-width:720px){.login-page{padding:18px}.login-card{grid-template-columns:1fr}.login-art{padding:35px}.login-art h1{font-size:30px}.login-card form{padding:28px}}