body{margin:0;font-family:Arial,Helvetica,sans-serif}.login-container{height:100vh;background:linear-gradient(135deg,#0f172a,#2563eb);display:flex;justify-content:center;align-items:center}.login-card{background:#fff;padding:40px;width:340px;border-radius:10px;box-shadow:0 10px 30px #0003;text-align:center}.login-title{margin:0;font-size:26px;font-weight:600}.login-subtitle{color:#666;margin-bottom:25px}.input-group{margin-bottom:18px}.input-group input{width:100%;padding:12px;border-radius:6px;border:1px solid #ccc;font-size:14px;transition:border .2s ease}.input-group input:focus{outline:none;border-color:#2563eb}.login-button{width:100%;padding:12px;border:none;background:#2563eb;color:#fff;font-size:15px;border-radius:6px;cursor:pointer;transition:background .2s ease}.login-button:hover{background:#1d4ed8}.login-footer{margin-top:18px;font-size:12px;color:#888}