/* Import czcionki Orbitron w nagłówku HTML lub tutaj: */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');

/* Stylizacja Logo w headerze */
.logo {
    font-family: 'Orbitron', sans-serif;
    font-size: 24px;
    color: #00ff9c;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 0 10px #00ff9c, 0 0 20px #00ff9c;
}
.lang-link {
    color: #00ff9c !important; /* Zielony Matrix */
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 8px;
    border: 1px solid #00ff9c;
    border-radius: 4px;
    transition: 0.3s;
}

.lang-link:hover {
    background: #00ff9c;
    color: #000 !important;
    box-shadow: 0 0 10px #00ff9c;
}

/* Upewnij się, że nav-desktop ma wyrównanie */
.nav-desktop {
    align-items: center;
}

/* Stylizacja głównego nagłówka na stronie */
#home h1 {
    font-family: 'Orbitron', sans-serif;
    color: #00ff9c;
    text-shadow: 0 0 10px #00ff9c;
    letter-spacing: 1px;
    line-height: 1.2;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#0f1115;color:#fff;overflow-x:hidden}
header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding: 20px 40px 20px 10px; /* 10px to odległość od lewej krawędzi */;z-index:2000;background:rgba(15,17,21,0.8);backdrop-filter:blur(15px)}
.nav-desktop{display:flex;gap:30px}
.nav-desktop a{color:#aaa;cursor:pointer;transition:0.3s}
.nav-desktop a:hover{color:#00aaff}
.hamburger{display:none;cursor:pointer}
.hamburger span{display:block;width:25px;height:3px;background:#fff;margin:5px 0}
.nav-mobile{position:fixed;top:0;right:-100%;width:260px;height:100vh;background:#111;padding:120px 30px;transition:0.4s;display:flex;flex-direction:column;z-index:2500}
.nav-mobile.active{right:0}
.nav-mobile a{margin-bottom:20px;color:#aaa;cursor:pointer}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:.4s;z-index:2400}
.overlay.active{opacity:1;pointer-events:auto}
main{padding-top:120px}
.page{position:absolute;width:100%;left:0;top:0;opacity:0;transform:translateY(30px);transition:opacity .6s ease, transform .6s ease;pointer-events:none;padding:0 10%;z-index:1}
.page.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.glass-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);padding:30px;border-radius:16px;margin-top:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.grid img{width:100%;border-radius:12px}
.btn{margin-top:20px;padding:12px 30px;border:1px solid #00aaff;background:transparent;color:#00aaff;cursor:pointer;transition:0.3s}
.btn:hover{background:#00aaff;color:#000}
.checkbox-container{display:flex;align-items:center;gap:10px;margin-top:20px;cursor:pointer}
.contact-content{display:none;animation:fadeIn .5s ease forwards}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:991px){.nav-desktop{display:none}.hamburger{display:block}.page{padding:0 20px}}
body {
    /* Ścieżka do Twojego pliku */
    background-image: url('images/2.jpg');

    /* Tło nie będzie się powtarzać */
    background-repeat: no-repeat;

    /* Tło zostanie przypięte (nie przewija się z tekstem) - opcjonalnie */
    background-attachment: fixed;

    /* Obrazek pokryje całą dostępną przestrzeń */
    background-size: cover;

    /* Wycentrowanie grafiki */
    background-position: center;
}
body {
    /* Nakładamy czarny filtr o przezroczystości 50% (0.5) */
    background-image: 
        linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)), 
        url('images/2.jpg');

    /* Standardowe ustawienia dla tła na całą stronę */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    
    /* Pamiętaj o zmianie koloru tekstu na jasny, by był widoczny */
    color: #ffffff;
}
/* --- ANIMACJA MATRIX --- */
#matrixCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 3000; /* Wyżej niż menu */
}

#matrixLogo {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Inter', sans-serif; /* Możesz zmienić na Orbitron jeśli zaimportujesz font */
    font-size: 7vw;
    font-weight: 700;
    letter-spacing: 6px;
    color: #00ff9c;
    opacity: 0;
    z-index: 3001;
    text-shadow: 0 0 10px #00ff9c, 0 0 30px #00ff9c;
    transition: opacity 2s;
    text-transform: uppercase;
white-space: nowrap;
}
/* Import czcionki Orbitron */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');

/* Styl dla logo w animacji Matrix (ten który znika) */
#matrixLogo {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Orbitron', sans-serif;
    font-size: 7vw;
    color: #00ff9c;
    text-shadow: 0 0 15px #00ff9c;
    z-index: 3001;
    opacity: 0;
    transition: opacity 2s;
white-space: nowrap;
}

/* Styl dla stałego Logo i Nagłówka po animacji */
.logo, #home h1 {
    font-family: 'Orbitron', sans-serif !important;
    color: #00ff9c !important;
    text-shadow: 0 0 8px #00ff9c;
}

/* Przycisk języka w menu pod Kontaktem */
.lang-link {
    color: #00ff9c !important;
    font-family: 'Orbitron', sans-serif;
    border: 1px solid #00ff9c;
    padding: 2px 8px;
    margin-top: 5px;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s;
}
.lang-link:hover {
    background: #00ff9c;
    color: #000 !important;
}