body { background-color: #1a1a1a; color: white; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: 'Segoe UI', Arial, sans-serif; }
.login-container { display: flex; justify-content: center; align-items: center; width: 100%; }
.login-box { background: #252525; padding: 40px; border-radius: 20px; width: 350px; border: 1px solid #333; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.logo-text { color: white; font-size: 2.5rem; margin: 0; font-weight: bold; }
.sub-logo { color: #7a7d85; margin: 0 0 20px 0; font-size: 1.2rem; }
.red-line { border: 0; border-top: 2px solid #e30613; margin: 20px 0; }
.input-group { margin-bottom: 15px; }
.input-group label { display: block; color: #7a7d85; font-size: 0.8rem; margin-bottom: 5px; font-weight: bold; }
.input-group input { width: 100%; padding: 12px; background: #333; border: 1px solid #444; border-radius: 8px; color: white; box-sizing: border-box; }
.login-button { width: 100%; padding: 15px; background: #7a7d85; border: none; border-radius: 10px; color: white; font-weight: bold; font-size: 1rem; cursor: pointer; transition: background 0.3s; }
.login-button:hover { background: #e30613; }
.footer-text { color: #555; font-size: 0.75rem; margin-top: 20px; text-align: center; }