:root{--bg:#f4f7fb;--card:#fff;--muted:#6b7280;--accent:#ff0062;--accent-2:#1e40af;--success:#16a34a;--danger:red;--radius:12px;--glass:hsla(0,0%,100%,.8)}.fixedBodyMessage{height:90vh;width:100vw}.auth-page,.fixedBodyMessage{display:flex;align-items:center;justify-content:center}.auth-page{min-height:90vh;width:100%;padding:40px 20px;background:linear-gradient(rgba(0,0,0,.849),rgba(0,0,0,.774)),url(https://res.cloudinary.com/drqvcjakw/image/upload/v1731511337/fx7euthwes8d9pwrxjiq.jpg);background-size:cover;background-position:50%}.auth-card{width:100%;max-width:1000px;background:linear-gradient(180deg,hsla(0,0%,100%,.247),hsla(0,0%,100%,.384));border-radius:var(--radius);box-shadow:0 10px 30px rgba(16,24,40,.08);overflow:hidden;display:flex;justify-content:space-between;gap:0;transition:.5s linear}.auth-page.smallShowcase{background:rgba(0,0,0,.041);position:sticky;top:60px;background:linear-gradient(rgba(41,0,112,.677),rgba(30,0,101,.603)),url(https://res.cloudinary.com/drqvcjakw/image/upload/v1731511337/fx7euthwes8d9pwrxjiq.jpg);background-size:cover;background-position:50%}.auth-left{flex:1;width:100%;padding:36px;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0));background:#fff;border:2px solid #fff}.auth-right{flex:0.9;padding:48px;background:linear-gradient(180deg,rgba(255,0,234,.692),rgba(111,0,255,.61)),url(https://res.cloudinary.com/drqvcjakw/image/upload/v1731511337/fx7euthwes8d9pwrxjiq.jpg);background-size:cover;background-position:50%;color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.auth-right.smallization{display:none}.brand h1{font-size:34px;color:var(--accent);margin-bottom:4px;font-weight:600}.brand .tag-label{color:var(--muted);font-size:20px}.modes{margin-top:18px;display:flex;gap:10px}.mode-btn{padding:10px 18px;border-radius:10px;background:transparent;border:1px solid rgba(255,0,179,.719);cursor:pointer;font-weight:600;color:#0f172a;transition:all .2s}.mode-btn.active{background-color:#161616;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,99,235,.18);border:1px solid rgba(255,0,179,0)}.auth-form{margin-top:20px;gap:12px;width:100%}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{gap:8px;font-size:15px;color:var(--muted)}.auth-form input,.auth-form select{padding:10px 12px;border-radius:8px;border:1px #0f172a;background:#060b521c;outline:none;font-size:16px;transition:box-shadow .15s,transform .06s;color:#000}.auth-form input:focus,.auth-form select:focus{box-shadow:0 6px 18px rgba(37,99,235,.08);transform:translateY(-1px)}.inputDivArea{width:100%;display:grid;gap:10px;align-items:center;background:#060b521c;grid-template-columns:40px calc(100% - 50px);padding:0 10px;border-radius:8px}.inputDivArea span{font-size:20px}.inputDivArea input{background:transparent}.passwordArea{margin-top:10px}.passwordArea:hover{color:#40f}.form-actions{margin-top:6px}.submit-btn{padding:12px 16px;border-radius:10px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:700;width:100%;transition:background .15s,transform .08s}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.msg{text-align:center;margin-top:10px;min-height:50px;padding:10px;border-radius:8px;font-size:14px}.msg.error{background:#fff3f3;color:var(--danger);border:1px solid rgba(239,68,68,.08)}.msg.success{background:#ecfdf5;color:var(--success);border:1px solid rgba(16,185,129,.08)}.note{margin-top:10px;font-size:13px;color:var(--muted)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600}.promo h2{margin:0 0 12px;font-size:20px}.promo ul{list-style:none;padding:0;margin:0 0 12px}.promo li{margin:8px 0;font-weight:600;color:#fbfcff;font-size:20px}.promo .small{font-size:12px;color:#fff;margin-top:8px}.promo .badgeInfo{position:absolute;top:10px;right:10px}@media (max-width:900px){.auth-card{flex-direction:column}.auth-right{order:2;padding:28px}.auth-left{order:1;padding:28px}}@media (max-width:576px){.auth-card{border-radius:10px;padding:0}.auth-card .modes{justify-content:center;margin-top:40px}.auth-card .mode-btn{padding:5px 10px}.brand{text-align:center}.brand h1{font-size:25px}.brand .tag-label{font-size:13px}.auth-right{padding:50px 0}.auth-right .promo{width:90%}.promo li{font-size:15px}.auth-left{padding:18px}}