*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0}#root{width:100%;height:100vh}html,body{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}body::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.login-container{background:#eef6fb;width:100%;min-height:100dvh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.login-brand-panel{border-right:1px solid #0b6b8a1a;justify-content:center;align-items:center;width:35%;padding:48px;display:none;position:relative}@media (width>=1024px){.login-brand-panel{display:flex}}.login-brand-panel:before{content:"";z-index:0;background:linear-gradient(135deg,#eef6fb,#e3f1f8,#eef6fb);position:absolute;inset:0}.login-brand-panel:after{content:"";background:#1e5bb01a;width:80%;height:300px;position:absolute;top:-120px;left:-80px;transform:rotate(-12deg)skew(12deg)}.login-brand-content{z-index:1;max-width:320px;position:relative}.login-brand-content h1{color:#0b6b8a;letter-spacing:-1px;font-size:48px;font-weight:900}.login-brand-line{background:#d4af37;border-radius:999px;width:90px;height:6px;margin-top:20px}.login-brand-content h2{color:#083b52;margin-top:24px;font-size:20px;font-weight:700}.login-brand-note{color:#083b52b3;border-left:3px solid #d4af37;margin-top:20px;padding-left:16px;font-size:14px}.login-form-panel{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.login-form-panel:before{content:"";opacity:.8;background:linear-gradient(135deg,#f4f9fd,#eef6fb);position:absolute;inset:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff59;border:1px solid #0b6b8a1a;border-radius:20px;width:100%;max-width:400px;padding:40px;transition:all .3s;position:relative;box-shadow:0 30px 80px #0b6b8a40}.login-card:hover{transform:scale(1.01)}.login-header{text-align:center;margin-bottom:24px}.login-header h1{color:#0b6b8a;text-transform:uppercase;font-size:22px;font-weight:900}.login-header p{letter-spacing:4px;color:#0b6b8a;font-size:11px;font-weight:700}.login-form{flex-direction:column;gap:14px;display:flex}.form-group input{color:#083b52;background:#fff;border:2px solid #0b6b8a26;border-radius:20px;outline:none;width:100%;padding:14px 18px;font-size:14px;transition:all .3s}.form-group input:focus{border-color:#d4af37}.error-message{text-align:center;color:red;font-size:13px;font-weight:700}.login-button{color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#0b6b8a;border:none;border-radius:20px;margin-top:10px;padding:14px;font-size:12px;font-weight:900;transition:all .3s}.login-button:hover{background:#095a73}.login-button:active{transform:scale(.96)}.login-footer{text-align:center;margin-top:20px}.login-footer button{color:#083b5299;cursor:pointer;background:0 0;border:none;font-size:10px;font-weight:700}.login-footer button:hover{color:#0b6b8a}.demo-note{color:#083b5280;margin-top:10px;font-size:9px}@media (width<=768px){.login-container{flex-direction:column;justify-content:center;align-items:center}.login-brand-panel{display:none}.login-card{padding:30px 20px}}