/* Extracted from login.html */

* { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            font-family: 'Segoe UI', sans-serif;
        }
        .login-card {
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.15);
            border-radius: 16px;
            padding: 48px 40px;
            width: 100%;
            max-width: 400px;
            color: #fff;
        }
        h2 {
            text-align: center;
            margin-bottom: 32px;
            font-size: 1.6em;
            font-weight: 600;
        }
        .logo {
            display: block;
            margin: 0 auto 24px;
            max-height: 72px;
            max-width: 200px;
            object-fit: contain;
        }
        label {
            display: block;
            margin-bottom: 6px;
            font-size: 0.9em;
            color: rgba(255,255,255,0.75);
        }
        input {
            width: 100%;
            padding: 11px 14px;
            border-radius: 8px;
            border: 1px solid rgba(255,255,255,0.2);
            background: rgba(255,255,255,0.07);
            color: #fff;
            font-size: 0.95em;
            margin-bottom: 20px;
            outline: none;
            transition: border-color 0.2s;
        }
        input:focus { border-color: #4fc3f7; }
        button {
            width: 100%;
            padding: 12px;
            border-radius: 8px;
            border: none;
            background: linear-gradient(135deg, #4fc3f7, #0288d1);
            color: #fff;
            font-size: 1em;
            font-weight: 600;
            cursor: pointer;
            transition: opacity 0.2s;
        }
        button:hover { opacity: 0.88; }
        #error {
            color: #ff6b6b;
            font-size: 0.88em;
            text-align: center;
            margin-top: 14px;
            min-height: 20px;
        }