/* ─── SHARED BASE STYLES ─── */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #0a0e14;
    color: #c9d1d9;
    font-family: 'Inter', sans-serif;
}

/* ─── SHARED FORM ELEMENTS ─── */
.form-control {
    background: #0d1117;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    color: #fff;
    font-size: 0.92rem;
    transition: 0.3s;
}

    .form-control:focus {
        background: #0d1117;
        color: #fff;
        border-color: #58a6ff;
        box-shadow: 0 0 0 3px rgba(88,166,255,0.15);
        outline: none;
    }

/* ─── SHARED FOOTER ─── */
.app-footer {
    background: #0c1015;
    border-top: 1px solid rgba(255,255,255,0.05);
    padding: 10px 24px;
    text-align: center;
    font-size: 0.73rem;
    color: #484f58;
    flex-shrink: 0;
}

    .app-footer a {
        color: #58a6ff;
        text-decoration: none;
        font-weight: 500;
    }

        .app-footer a:hover {
            text-decoration: underline;
        }