* { box-sizing: border-box; }

        body {
            min-height: 100vh;
            margin: 0;
            display: grid;
            place-items: center;
            padding: 20px;
            background: #0f1019;
            color: #f5f5f7;
            font-family: system-ui, sans-serif;
        }

        .login-card {
            width: 100%;
            max-width: 420px;
            padding: 32px;
            background: #1b1c27;
            border: 1px solid #363746;
            border-radius: 18px;
        }

        h1 { margin: 0 0 6px; }

        .subtitle {
            margin: 0 0 26px;
            color: #a7a7b4;
        }

        label {
            display: block;
            margin: 16px 0 7px;
            font-weight: 600;
        }

        input[type="email"],
        input[type="password"] {
            width: 100%;
            padding: 13px;
            color: white;
            background: #11121b;
            border: 1px solid #414252;
            border-radius: 10px;
        }

        .remember {
            display: flex;
            gap: 8px;
            align-items: center;
            margin: 18px 0;
            color: #c3c3cc;
        }

        button {
            width: 100%;
            padding: 13px;
            border: 0;
            border-radius: 10px;
            background: #4945ff;
            color: white;
            font-weight: 700;
            cursor: pointer;
        }

        .error {
            margin-top: 8px;
            color: #ff9ca5;
            font-size: 14px;
        }