:root {

    --parkqr-primary:#1E3A8A;
    --parkqr-success:#16A34A;
    --parkqr-danger:#DC2626;
    --parkqr-bg:#F8FAFC;
    --parkqr-card:#FFFFFF;
    --parkqr-border:#E5E7EB;
    --parkqr-text:#1F2937;
    --parkqr-muted:#6B7280;

}


body {

    margin:0;
    background:var(--parkqr-bg);
    font-family:Arial, sans-serif;
    color:var(--parkqr-text);

}



.parkqr-page {

    max-width:520px;
    margin:20px auto;
    padding:20px;

}



.parkqr-logo {

    text-align:center;
    margin-bottom:15px;

}



.parkqr-logo h1 {

    margin:0;
    font-size:36px;
    color:var(--parkqr-primary);
    font-weight:700;

}



.parkqr-location {

    text-align:center;
    color:var(--parkqr-muted);
    font-size:18px;
    font-weight:600;
    margin-top:10px;
    margin-bottom:30px;

}



.parkqr-subtitle {

    text-align:center;
    color:var(--parkqr-muted);
    margin-bottom:30px;
    font-size:18px;

}



.parkqr-registration-box {

    margin-top:10px;

}



.parkqr-form {

    background:#fff;
    padding:25px;
    border-radius:16px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);

}



.parkqr-form label {

    display:block;
    margin-bottom:8px;
    font-weight:600;

}



.parkqr-form input[type=text],
.parkqr-license-input {

    width:100%;
    padding:18px;
    font-size:22px;
    border:1px solid var(--parkqr-border);
    border-radius:12px;
    box-sizing:border-box;
    text-transform:uppercase;

}



.parkqr-form input[type=text]:focus,
.parkqr-license-input:focus {

    outline:none;
    border-color:var(--parkqr-primary);

}



.parkqr-form button,
.parkqr-btn,
.parkqr-register-button {

    width:100%;
    margin-top:20px;
    padding:18px;
    background:var(--parkqr-primary);
    color:white;
    border:0;
    border-radius:12px;
    font-size:20px;
    font-weight:600;
    cursor:pointer;

}



.parkqr-form button:active,
.parkqr-register-button:active {

    transform:scale(.98);

}



.parkqr-success {

    margin-bottom:20px;
    padding:18px;
    border-radius:12px;
    background:#ECFDF5;
    color:#166534;
    border:1px solid #BBF7D0;
    font-size:17px;

}



.parkqr-error {

    margin-bottom:20px;
    padding:18px;
    border-radius:12px;
    background:#FEF2F2;
    color:#991B1B;
    border:1px solid #FECACA;

}



.parkqr-footer {

    text-align:center;
    margin-top:25px;
    color:var(--parkqr-muted);
    font-size:14px;

}



@media (max-width:600px) {


    .parkqr-page {

        margin:10px auto;
        padding:15px;

    }


    .parkqr-logo h1 {

        font-size:34px;

    }


    .parkqr-location {

        font-size:18px;
        margin-bottom:30px;

    }


    .parkqr-subtitle {

        font-size:18px;
        margin-bottom:30px;

    }


    .parkqr-form {

        padding:22px;

    }


    .parkqr-form label {

        font-size:18px;

    }


    .parkqr-form input[type=text],
    .parkqr-license-input {

        font-size:24px;
        padding:20px;
        min-height:64px;

    }


    .parkqr-form button,
    .parkqr-register-button {

        font-size:20px;
        padding:20px;
        min-height:64px;

    }


}