/* --- CONSTITUTION DESIGN SYSTEM V3: ARCHITEKTURA WIZUALNA FOTOWASH --- */

@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Regular.woff2') format('woff2'),
         url('/fonts/Inter-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Bold.woff2') format('woff2'),
         url('/fonts/Inter-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --fw-blue: #0055b3;
    --fw-malina: #e20043;
    --fw-bg: #f8faff;
    --fw-white: #ffffff;
    --fw-text: #1a3a5f;
    --fw-shadow: rgba(0, 85, 179, 0.1);
}

/* KLOCKI ASYMETRYCZNE: Główna zasada cięcia elementów interfejsu */
.fw-asymmetric-box {
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/* Standardowe wejścia formularzy podpięte pod nowy wygląd */
.fw-input-style {
    width: 100%;
    padding: 15px;
    border: 1px solid #d1d8e0;
    background: #fdfdfd;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: var(--fw-text);
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s;
}
.fw-input-style:focus {
    border-color: var(--fw-blue);
}

/* Przycisk nadrzędny (Niebieski) */
.fw-btn-primary {
    background-color: var(--fw-blue) !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    cursor: pointer;
}

/* Przycisk alternatywny (Malinowy) */
.fw-btn-accent {
    background-color: transparent !important;
    color: var(--fw-malina) !important;
    border: 2px solid var(--fw-malina) !important;
    font-family: 'Inter', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    cursor: pointer;
}

.logo-card {
            width: 100%;
            max-width: 400px;
            padding: 40px;
            text-align: center;
            box-sizing: border-box;
        }

        .logo-img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            box-shadow: 0 8px 25px var(--fw-shadow);
            border: 2px solid var(--fw-white);
            margin: 0 auto 15px auto;
            display: block;
            background: #e2e8f0;
        }

        .logo-box p {
            font-size: 13px;
            color: #7f8c8d;
            margin-top: 10px;
            margin-bottom: 25px;
            line-height: 1.4;
        }