/* UKŁAD TŁA dla kontaktu ORAZ ZABLOKOWANY SCROLL */
        html, body {
            height: 100vh; 
            width: 100vw;  
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        body { 
            font-family: 'Inter', sans-serif; 
            /* Dodano 'no-repeat center center fixed' oraz background-size, aby tło pokryło cały ekran */
            background: linear-gradient(135deg, #021f38 0%, #05342a 50%, #0b5334 100%) no-repeat center center fixed;
            background-size: cover;
            color: #e1e1e6; 
            display: flex; 
            flex-direction: column;
            justify-content: center; 
            align-items: center; 
            box-sizing: border-box; 
            min-height: 100vh;
        }
        
        /* KARTA DIV CARD - STAŁA WYSOKOŚĆ */
        .card { 
            background: #12141d; 
            padding: 35px; 
            border-radius: 24px; 
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5); 
            max-width: 420px; 
            width: 90%; 
            /* Narzucona stała wysokość */
            height: 420px;
            display: flex;
            flex-direction: column;
            border: 2px solid rgba(255, 255, 255, 0.1); 
            box-sizing: border-box;
            text-align: center;
        }

        h2 { 
            margin: 0 0 6px 0; 
            color: #fff; 
            font-size: 28px; 
            font-weight: 800;
            letter-spacing: -0.5px;
        }

        .login-subtitle {
            font-size: 12px; 
            color: #586570;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 25px;
            font-weight: 800;
            border-bottom: 1px solid rgba(255,255,255,0.06);
            padding-bottom: 10px;
            flex-shrink: 0;
        }

        /* PRZEWIJALNY KONTENER NA ZAWARTOŚĆ */
        .contact-content {
            text-align: center;
            overflow-y: auto;
            padding-right: 5px; 
            font-size: 14px;
            line-height: 1.6;
            color: #b3b3b8;
            flex: 1; /* Wypełnia przestrzeń wewnątrz karty */
        }

        /* Poprawione selektory paska przewijania dla .contact-content */
        .contact-content::-webkit-scrollbar {
            width: 6px;
        }
        .contact-content::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.02);
            border-radius: 10px;
        }
        .contact-content::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
        }
        .contact-content::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.2);
        }

        /* STYL DLA LINKÓW WEWNĄTRZ KARTY */
        .card-link {
            display: inline-block;
            color: rgba(255, 255, 255, 0.6);
            text-decoration: none;
            margin: 8px 10px;
            font-weight: 600;
            transition: color 0.2s ease;
        }
        .card-link:hover {
            color: #ffffff;
        }

        /* STYL DLA LINKU CAŁKOWICIE POZA KARTĄ */
        .back-link {
            margin-top: 25px;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.4);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .back-link:hover { 
            color: #fff; 
        }