:root{--bg:#f4f7fb;--card:#fff;--muted:#6b7280;--accent:#ff0062;--accent-2:#1e40af;--success:#16a34a;--danger:red;--radius:12px;--glass:#fffc}.fixedBodyMessage{justify-content:center;align-items:center;width:100vw;height:90vh;display:flex}.auth-page{background-color:#0000;background-image:linear-gradient(#000000d8,#000000c5),url(https://res.cloudinary.com/drqvcjakw/image/upload/v1731511337/fx7euthwes8d9pwrxjiq.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:100%;min-height:90vh;padding:40px 20px;display:flex}.auth-card{border-radius:var(--radius);background:linear-gradient(#ffffff3f,#ffffff62);justify-content:space-between;gap:0;width:100%;max-width:1000px;transition:all .5s linear;display:flex;overflow:hidden;box-shadow:0 10px 30px #10182814}.auth-page.smallShowcase{background-color:#0000;background-image:linear-gradient(#290070ad,#1e00659a),url(https://res.cloudinary.com/drqvcjakw/image/upload/v1731511337/fx7euthwes8d9pwrxjiq.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:sticky;top:60px}.auth-left{background:#fff;border:2px solid #fff;flex:1;width:100%;padding:36px}.auth-right{color:#fff;background-color:#0000;background-image:linear-gradient(#ff00eab0,#6f00ff9c),url(https://res.cloudinary.com/drqvcjakw/image/upload/v1731511337/fx7euthwes8d9pwrxjiq.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex:.9;justify-content:center;align-items:center;padding:48px;display:flex;position:relative}.auth-right.smallization,#ViewNone{display:none}.brand h1{color:var(--accent);margin-bottom:4px;font-size:34px;font-weight:600}.brand .tag-label{color:var(--muted);font-size:20px}.modes{gap:10px;margin-top:18px;display:flex}.mode-btn{cursor:pointer;color:#0f172a;background:0 0;border:1px solid #ff00b3b7;border-radius:10px;padding:10px 18px;font-weight:600;transition:all .2s}.mode-btn.active{color:#fff;background-color:#161616;border:1px solid #ff00b300;transform:translateY(-2px);box-shadow:0 6px 18px #2563eb2e}.auth-form{flex-direction:column;gap:12px;width:100%;margin-top:20px;display:flex}.auth-form label{color:var(--muted);flex-direction:column;gap:8px;font-size:15px;display:flex}.auth-form input,.auth-form select{border:1px dash #0f172a;color:#000;background:#060b521c;border-radius:8px;outline:none;padding:10px 12px;font-size:16px;transition:box-shadow .15s,transform 60ms}.auth-form input:focus,.auth-form select:focus{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb14}.inputDivArea{background:#060b521c;border-radius:8px;grid-template-columns:40px calc(100% - 50px);align-items:center;gap:10px;width:100%;padding:0 10px;display:grid}.inputDivArea span{font-size:20px}.inputDivArea input{background:0 0}.passwordArea{margin-top:10px}.passwordArea:hover{color:#40f}.form-actions{margin-top:6px}.submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-weight:700;transition:background .15s,transform 80ms}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.msg{text-align:center;border-radius:8px;min-height:50px;margin-top:10px;padding:10px;font-size:14px}.msg.error{color:var(--danger);background:#fff3f3;border:1px solid #ef444414}.msg.success{color:var(--success);background:#ecfdf5;border:1px solid #10b98114}.note{color:var(--muted);margin-top:10px;font-size:13px}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-weight:600}.promo h2{margin:0 0 12px;font-size:20px}.promo ul{margin:0 0 12px;padding:0;list-style:none}.promo li{color:#fbfcff;margin:8px 0;font-size:20px;font-weight:600}.promo .small{color:#fff;margin-top:8px;font-size:12px}.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}}