*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{color:#222;background:#f5f6f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-page{box-sizing:border-box;background:#f5f6f8;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{box-sizing:border-box;text-align:center;background:#fff;border-radius:18px;width:100%;max-width:400px;padding:36px 28px;box-shadow:0 8px 30px #00000014}.cititrans-logo{width:190px;height:auto;margin-bottom:20px}.login-card h1{color:#222;margin:0;font-size:30px;font-weight:700}.subtitle{color:#666;margin:8px 0 28px;font-size:16px}.login-card form{text-align:left}.form-group{margin-bottom:18px}.form-group label{color:#333;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:1px solid #d5d8dc;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;font-size:16px}.form-group input:focus{border-color:#f2b900;box-shadow:0 0 0 3px #f2b90026}.login-card button{color:#222;cursor:pointer;background:#f2b900;border:none;border-radius:10px;width:100%;height:48px;margin-top:8px;font-size:16px;font-weight:700}.login-card button:hover{background:#e0aa00}@media (width<=480px){.login-page{align-items:flex-start;padding:60px 16px 16px}.login-card{padding:30px 22px}.login-card h1{font-size:26px}.cititrans-logo{width:170px}}