/* LETi — style strony. Układ: tokeny → komponenty → sekcje → media queries → dopracowania */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--purple:#8b5cf6;--pink:#a78bfa;--cyan:#c4b5fd;--bg:#050309;--bg3:#150c2a;--text:#e7e1fb;--muted:#8f84b8;--live:#ff3b3b;--online:#2ecc6e}
body{font-family:"Space Grotesk",sans-serif;background:var(--bg);color:var(--text)}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem;background:rgba(8,5,16,0.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(109,40,217,0.15)}
.nav-logo{font-family:"Orbitron",monospace;font-size:1.25rem;font-weight:900;color:var(--purple);letter-spacing:0.05em;text-decoration:none;cursor:pointer;background:none;border:none}
.nav-links{display:flex;gap:4px;list-style:none}
.nav-links a{display:flex;align-items:center;gap:7px;background:none;border:1px solid transparent;color:var(--muted);font-family:"Space Grotesk",sans-serif;font-size:0.84rem;font-weight:500;cursor:pointer;text-decoration:none;padding:7px 14px;border-radius:8px;transition:color 0.2s,background 0.2s,border-color 0.2s}
.nav-links a svg{flex-shrink:0;transition:color 0.2s}
.nav-links a:hover{color:var(--text);background:rgba(109,40,217,0.08)}
.nav-links a.active{color:var(--text);background:rgba(109,40,217,0.15);border-color:var(--purple)}
.nav-links a.active svg{color:var(--purple)}
.live-badge{display:flex;align-items:center;gap:6px;background:var(--live);color:#fff;font-size:0.84rem;font-weight:700;padding:6px 14px;border-radius:22px;letter-spacing:0.06em;transition:background 0.3s ease,transform 0.15s ease;text-decoration:none;cursor:pointer}
.live-badge:hover{transform:translateY(-1px);filter:brightness(1.1)}
.live-badge.is-online{background:var(--online)}
.live-badge.is-checking{background:rgba(109,40,217,0.25)}
.live-dot{width:7px;height:7px;background:#fff;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}
.live-badge.is-offline .live-dot{animation:none;opacity:0.85}
@keyframes pulse{
  0%,100%{opacity:1}
  50%{opacity:0.3}
}
html{scroll-behavior:smooth}
html,body{height:100%}
body{overflow-x:hidden}
.page-section{scroll-margin-top:70px}
@keyframes fadeIn{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
.reveal{opacity:0}
.reveal.in-view{animation:fadeIn 0.6s ease forwards}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem;min-height:100vh;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(109,40,217,0.18) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 20% 70%,rgba(196,181,253,0.06) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 80% 80%,rgba(167,139,250,0.07) 0%,transparent 60%)}
.hero-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(109,40,217,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(109,40,217,0.04) 1px,transparent 1px);background-size:60px 60px}
.avatar-ring{position:relative;width:120px;height:120px;margin-bottom:1.2rem}
.avatar-ring::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--purple),var(--pink),var(--cyan),var(--purple));animation:spin 4s linear infinite}
@keyframes spin{
  to{transform:rotate(360deg)}
}
.avatar-ring::after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(109,40,217,0.25),transparent 70%);animation:breathe 3s ease-in-out infinite}
@keyframes breathe{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.15);opacity:0.6}
}
.avatar-inner{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--bg3);border:3px solid var(--bg);display:flex;align-items:center;justify-content:center;font-family:"Orbitron",monospace;font-size:2.5rem;font-weight:900;color:var(--purple)}
.eyebrow{font-size:0.76rem;font-weight:600;letter-spacing:0.14em;color:var(--purple);margin-bottom:0.5rem;text-transform:uppercase}
.eyebrow span{color:var(--muted)}
.eyebrow a{color:inherit;text-decoration:none;transition:color 0.2s ease,text-shadow 0.2s ease,opacity 0.2s ease}
.eyebrow a:hover{color:#e9e3ff;text-shadow:0 0 12px rgba(167,139,250,0.35)}
.hero-title{font-family:"Orbitron",monospace;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#ede9fe 0%,var(--purple) 40%,var(--pink) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.75rem}
.hero-desc{max-width:560px;color:var(--muted);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}
.hero-desc strong{color:var(--text)}
.social-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;width:180px;min-width:180px;border-radius:8px;font-size:0.92rem;font-weight:600;text-decoration:none;border:1.5px solid rgba(109,40,217,0.35);background:rgba(109,40,217,0.08);color:var(--text);transition:border-color 0.2s,background 0.2s,transform 0.15s;cursor:pointer}
.btn:hover{border-color:var(--purple);background:rgba(109,40,217,0.18);transform:translateY(-2px)}
.btn svg{width:18px;height:18px;flex-shrink:0}
.btn-primary{background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent;color:#fff}
.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#c4b5fd);border-color:transparent}
.about{max-width:1100px;margin:0 auto;padding:0 2rem;height:100%;display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:center}
@media (max-width:700px){
  .about{grid-template-columns:1fr}
}
.section-eyebrow{font-size:0.76rem;font-weight:700;letter-spacing:0.14em;color:var(--purple);text-transform:uppercase;margin-bottom:0.75rem}
.section-title{font-family:"Orbitron",monospace;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:var(--text);margin-bottom:1.25rem;line-height:1.2}
.leti-highlight{color:var(--purple)}
.section-text{color:var(--muted);line-height:1.8;font-size:1rem;margin-bottom:1.5rem}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tag{font-size:0.76rem;font-weight:600;padding:5px 12px;border-radius:8px;background:rgba(109,40,217,0.12);border:1px solid rgba(109,40,217,0.3);color:var(--purple)}
.about-photo{position:relative;width:280px;height:360px;border-radius:16px;overflow:hidden;background:var(--bg3);border:1px solid rgba(109,40,217,0.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex-shrink:0}
.about-photo::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(109,40,217,0.15),transparent 70%)}
.about-photo-initials{position:relative;z-index:1;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,rgba(109,40,217,0.3),rgba(167,139,250,0.2));border:2px solid rgba(109,40,217,0.4);display:flex;align-items:center;justify-content:center;font-family:"Orbitron",monospace;font-size:2rem;font-weight:900;color:var(--purple)}
.about-photo-label{position:relative;z-index:1;font-size:0.76rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}
.about-photo-corner{position:absolute;width:24px;height:24px;border-color:rgba(109,40,217,0.4);border-style:solid;z-index:3}
.about-photo-corner.tl{top:16px;left:16px;border-width:2px 0 0 2px}
.about-photo-corner.tr{top:16px;right:16px;border-width:2px 2px 0 0}
.about-photo-corner.bl{bottom:16px;left:16px;border-width:0 0 2px 2px}
.about-photo-corner.br{bottom:16px;right:16px;border-width:0 2px 2px 0}
.lightbox{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.92);align-items:center;justify-content:center}
.lightbox.open{display:flex;animation:fadeIn 0.2s ease}
.lightbox-inner{position:relative;max-width:90vw;max-height:85vh;display:flex;align-items:center;justify-content:center}
.lightbox-close{position:fixed;top:20px;right:24px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:background 0.2s;z-index:10}
.lightbox-close:hover{background:rgba(109,40,217,0.3)}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(8,5,16,0.8);border:1px solid rgba(109,40,217,0.4);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;z-index:10}
.lightbox-arrow:hover{background:rgba(109,40,217,0.4)}
.lightbox-prev{left:-60px}
.lightbox-next{right:-60px}
.lightbox-counter{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.5);font-size:0.84rem;letter-spacing:0.1em}
.gallery-slides{position:absolute;inset:0}
.gallery-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.4s ease}
.gallery-slide.active{opacity:1}
.gallery-slide img{display:block}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;border-radius:50%;background:rgba(8,5,16,0.7);border:1px solid rgba(109,40,217,0.4);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s,background 0.2s}
.gallery-arrow:hover{background:rgba(109,40,217,0.3)}
.gallery-prev{left:10px}
.gallery-next{right:10px}
#gallery:hover .gallery-arrow{opacity:1}
.gallery-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:6px}
.gallery-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;cursor:pointer;padding:0;transition:background 0.2s,transform 0.2s}
.gallery-dot.active{background:var(--purple);transform:scale(1.3)}
.partners-section{padding:7.5rem 2rem 6.5rem;min-height:calc(100vh - 70px);display:flex;align-items:center;background:radial-gradient(ellipse 65% 45% at 50% 24%,rgba(109,40,217,0.16) 0%,transparent 70%),rgba(6,3,13,0.72);border-top:1px solid rgba(109,40,217,0.16);border-bottom:1px solid rgba(109,40,217,0.16)}
.partners-inner{width:min(100%,980px);margin:0 auto;text-align:left}
.partners-section .section-eyebrow{color:#a78bfa;font-size:0.68rem;font-weight:900;letter-spacing:0.14em;margin-bottom:1rem}
.partners-section .section-title{font-size:clamp(2.35rem,5vw,4.15rem);line-height:1.05;margin-bottom:2.1rem;color:#f3efff;text-shadow:0 0 26px rgba(167,139,250,0.12)}
.partner-promo-text{color:var(--muted);font-size:1rem;line-height:1.55}
.partner-promo-text strong{color:#ddd6fe;font-weight:900}
.partner-promo-text .promo-code{font-family:"Orbitron",monospace;color:#a78bfa;letter-spacing:0.08em}
.partner-promo-link{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:0.82rem 1.1rem;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#14082e;font-weight:900;text-decoration:none;box-shadow:0 0 20px rgba(167,139,250,0.16);transition:transform 0.2s ease,filter 0.2s ease}
.partner-promo-link:hover{transform:translateY(-2px);filter:brightness(1.08)}
.featured-partner-logo{min-height:118px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0.9rem 0.6rem;background:transparent;border:1px solid rgba(167,139,250,0.18);text-decoration:none;overflow:hidden}
.featured-partner-logo img{width:100%;max-width:285px;height:auto;display:block;filter:drop-shadow(0 0 14px rgba(167,139,250,0.18))}
.featured-partner-info{min-width:0}
.featured-partner-label{margin-bottom:0.35rem;color:#a78bfa;font-size:0.68rem;font-weight:900;letter-spacing:0.14em;text-transform:uppercase}
.featured-partner-info h3{font-family:"Orbitron",monospace;font-size:clamp(1.35rem,3vw,2.15rem);color:#f3efff;margin-bottom:0.55rem}
.featured-partner-info p{color:var(--muted);font-size:1rem;line-height:1.6}
.featured-partner-info strong{color:#ddd6fe;font-weight:900}
.featured-partner-info .promo-code{font-family:"Orbitron",monospace;color:#a78bfa;letter-spacing:0.08em;font-weight:900}
.partner-mini-box{margin-top:0.95rem;padding:0.95rem 1.2rem;border-radius:16px;border:1px solid rgba(167,139,250,0.24);background:radial-gradient(ellipse 120% 140% at 0% 0%,rgba(167,139,250,0.12),transparent 68%),linear-gradient(145deg,rgba(4,2,9,0.66),rgba(22,13,44,0.72));box-shadow:inset 0 0 28px rgba(167,139,250,0.03),0 12px 28px rgba(0,0,0,0.14)}
.partner-mini-box p{margin:0;color:#ede9fe;font-size:0.92rem;font-weight:800;line-height:1.55;text-align:center}
.partner-mini-box strong{color:#a78bfa;font-weight:900}
@media (max-width:900px){
  .partners-section{padding-top:8rem}
}
@media (max-width:600px){
  .partners-inner{text-align:center}
  .partner-promo-link{width:100%}
  .featured-partner-logo{min-height:88px;padding:0.8rem 0.4rem}
  .featured-partner-logo img{max-width:240px;margin:0 auto}
}
.contact-section{padding:2.8rem 2rem 3.2rem;text-align:center;min-height:auto;display:flex;align-items:flex-start;justify-content:center}
.contact-inner{max-width:560px;margin:0 auto}
.contact-title{font-family:"Orbitron",monospace;font-size:1.8rem;font-weight:700;margin-bottom:1rem}
.contact-text{color:var(--muted);margin-bottom:2rem;line-height:1.7}
.contact-email{display:inline-block;font-family:"Orbitron",monospace;font-size:1.1rem;color:var(--purple);text-decoration:none;border-bottom:1px solid rgba(109,40,217,0.4);padding-bottom:3px;transition:border-color 0.2s,color 0.2s}
.contact-email:hover{color:var(--pink);border-color:var(--pink)}
.contact-email.copied{color:#a78bfa;border-color:#a78bfa;text-shadow:0 0 16px rgba(167,139,250,0.35)}
.contact-copy-hint{margin-top:0.75rem;color:var(--muted);font-size:0.76rem}
#kontakt{scroll-margin-top:90px}
footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-logo{font-family:"Orbitron",monospace;font-size:0.84rem;font-weight:900;color:var(--muted);letter-spacing:0.04em}
.footer-logo a{color:var(--purple);text-decoration:none;transition:color 0.2s,text-shadow 0.2s}
.footer-logo a:hover{color:var(--pink);text-shadow:0 0 14px rgba(167,139,250,0.35)}
.footer-copy{font-size:0.76rem;color:var(--muted)}
@media (max-width:900px){
  html,body{width:100%;overflow-x:hidden}
  .nav-logo{line-height:1}
  .live-dot{width:6px;height:6px}
  .hero{min-height:100svh;padding:9.2rem 1rem 3rem}
  .avatar-ring{width:96px;height:96px;margin-bottom:1rem}
  .hero-title{font-size:clamp(2.65rem,15vw,4.8rem);letter-spacing:-0.03em;margin-bottom:0.75rem}
  .eyebrow,.section-eyebrow{font-size:0.68rem;letter-spacing:0.14em}
  .hero-desc{max-width:100%;font-size:0.92rem;line-height:1.55;margin-bottom:1.25rem}
  .social-btns{width:min(100%,350px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.65rem}
  .btn{width:100%;min-width:0;justify-content:center;padding:0.82rem 0.75rem;font-size:0.84rem;border-radius:12px}
  .btn svg{width:16px;height:16px}
  .about{height:auto !important;min-height:auto;display:grid;grid-template-columns:1fr;gap:2rem;padding:4rem 1rem !important;text-align:left}
  .section-title{font-size:clamp(1.85rem,9vw,2.65rem);line-height:1.1;margin-bottom:1rem}
  .section-text{font-size:0.92rem;line-height:1.7;margin-bottom:1rem}
  .tags{gap:0.5rem}
  .tag{font-size:0.68rem;padding:0.45rem 0.7rem}
  .about-photo{width:100%;max-width:320px;height:360px;margin:0 auto}
  .partners-section{min-height:auto;padding:4.4rem 1rem 4rem;align-items:flex-start}
  .partners-inner{width:100%;max-width:560px;text-align:center}
  .partners-section .section-title{font-size:clamp(2rem,10vw,3rem);margin-bottom:1.4rem}
  .contact-section{padding:3.4rem 1rem 3rem;min-height:auto;align-items:flex-start}
  .contact-inner{max-width:100%}
  .contact-title{font-size:clamp(1.55rem,8vw,2.1rem);line-height:1.15}
  .contact-text{font-size:0.92rem;line-height:1.65;margin-bottom:1.25rem}
  .contact-email{font-size:0.92rem;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  footer{justify-content:center;text-align:center;gap:0.45rem}
  .footer-logo,.footer-copy{width:100%}
  .footer-copy{font-size:0.68rem;line-height:1.45}
  .lightbox-arrow{width:38px;height:38px}
  .lightbox-prev{left:10px}
  .lightbox-next{right:10px}
}
@media (max-width:420px){
  .social-btns{width:min(100%,320px);gap:0.55rem}
  .btn{padding:0.78rem 0.55rem;font-size:0.76rem}
  .about-photo{height:320px}
  .partners-section,.about,.contact-section{padding-left:0.85rem !important;padding-right:0.85rem !important}
}
@media (max-width:520px){
  .nav-links{align-items:stretch}
  .nav-links a{min-width:0;overflow:hidden;text-overflow:ellipsis}
}
.social-btns .btn{width:150px;min-width:150px;height:52px;justify-content:center;padding-left:16px;padding-right:16px}
@media (max-width:900px){
  .social-btns .btn{width:100%;min-width:0;height:48px}
}
:root{--fixed-footer-height:64px}
footer{position:fixed !important;left:0;right:0;bottom:0;z-index:9999;min-height:var(--fixed-footer-height);height:var(--fixed-footer-height);padding:0.9rem 2rem !important;background:rgba(8,5,16,0.96) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(109,40,217,0.18) !important;box-shadow:0 -12px 30px rgba(0,0,0,0.28)}
@media (max-width:900px){
  :root{--fixed-footer-height:84px}
  .responsible-banner{padding:1rem 1rem calc(1rem + var(--fixed-footer-height)) !important}
  .responsible-banner p{font-size:0.76rem;line-height:1.55}
  footer{height:var(--fixed-footer-height);min-height:var(--fixed-footer-height);padding:0.8rem 1rem !important}
}
.btn-instagram-fix{position:relative;border:none !important;background:transparent !important;overflow:hidden;isolation:isolate}
.btn-instagram-fix::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#d62976 0%,#f56040 55%,#f77737 100%);z-index:-1}
.album-section{max-width:1100px;margin:2rem auto 0;padding:0 2rem 2.5rem}
.album-panel{padding:1rem 1rem 1.1rem;border-radius:22px;border:1px solid rgba(167,139,250,0.18);background:radial-gradient(ellipse 75% 120% at 50% 0%,rgba(167,139,250,0.10),transparent 62%),linear-gradient(145deg,rgba(4,2,9,0.76),rgba(18,11,36,0.68));box-shadow:inset 0 0 42px rgba(167,139,250,0.03),0 16px 36px rgba(0,0,0,0.18)}
.album-title{text-align:center;font-family:"Orbitron",monospace;font-size:1rem;font-weight:900;letter-spacing:0.14em;color:#f5f3ff;margin-bottom:0.85rem;text-shadow:0 0 14px rgba(167,139,250,0.22)}
.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.78rem}
.album-item{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(167,139,250,0.2);background:rgba(4,2,9,0.82);box-shadow:0 10px 24px rgba(0,0,0,0.2);cursor:pointer;padding:0;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.18s ease}
.album-item:hover{transform:translateY(-4px);border-color:rgba(167,139,250,0.58);box-shadow:0 16px 30px rgba(0,0,0,0.3),0 0 18px rgba(167,139,250,0.08)}
.album-item img{display:block;transition:transform 0.2s ease,opacity 0.2s ease}
.album-item:hover img{transform:scale(1.045);opacity:1}
.album-item::after{content:"POWIĘKSZ";position:absolute;left:0;right:0;bottom:0;padding:0.42rem 0.3rem;background:linear-gradient(to top,rgba(0,0,0,0.72),rgba(0,0,0,0));color:#f3efff;font-size:0.68rem;font-weight:900;letter-spacing:0.14em;opacity:0;transform:translateY(6px);transition:opacity 0.2s ease,transform 0.2s ease}
.album-item:hover::after{opacity:1;transform:translateY(0)}
.album-lightbox{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.92);backdrop-filter:blur(8px)}
.album-lightbox.open{display:flex;animation:fadeIn 0.18s ease}
.album-lightbox-content{position:relative;display:flex;align-items:center;justify-content:center}
.album-lightbox-content img{max-width:100%;max-height:82vh;display:block;border-radius:16px;border:1px solid rgba(167,139,250,0.28);box-shadow:0 24px 80px rgba(0,0,0,0.55);background:rgba(8,5,16,0.94)}
.album-close,.album-arrow{border:1px solid rgba(167,139,250,0.34);background:rgba(8,5,16,0.82);color:#fff;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease,border-color 0.18s ease}
.album-close:hover,.album-arrow:hover{background:rgba(109,40,217,0.42);border-color:rgba(167,139,250,0.72)}
.album-close{position:fixed;top:22px;right:24px;width:44px;height:44px;border-radius:50%;font-size:1.7rem;line-height:1;z-index:2}
.album-arrow{position:fixed;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;font-size:2.4rem;line-height:1;z-index:2}
.album-arrow:hover{transform:translateY(-50%) scale(1.05)}
.album-prev{left:28px}
.album-next{right:28px}
.album-counter{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);color:rgba(255,255,255,0.62);font-size:0.84rem;font-weight:700;letter-spacing:0.1em}
@media (max-width:900px){
  .album-section{padding:0 1rem 2rem}
  .album-panel{padding:0.8rem;border-radius:16px}
  .album-title{font-size:0.92rem;margin-bottom:0.7rem}
  .album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.65rem}
  .album-item{border-radius:12px}
  .album-lightbox{padding:4rem 1rem}
  .album-arrow{width:42px;height:42px;font-size:1.9rem}
  .album-prev{left:10px}
  .album-next{right:10px}
  .album-close{top:16px;right:16px;width:40px;height:40px}
}
#o-mnie>.about{height:auto !important;min-height:0 !important;padding-top:5.2rem !important;padding-bottom:1.1rem !important}
.album-section{margin-top:0 !important;padding-top:0 !important;transform:translateY(-0.6rem)}
.album-panel{margin-top:0 !important}
@media (max-height:820px) and (min-width:901px){
  #o-mnie>.about{padding-top:4.4rem !important;padding-bottom:0.8rem !important}
  .album-section{transform:translateY(-0.9rem)}
}
@media (max-width:900px){
  #o-mnie>.about{padding-bottom:0.8rem !important}
  .album-section{margin-top:0 !important;transform:none}
}
#wspolprace{scroll-margin-top:72px !important}
#wspolprace .partners-section{align-items:flex-start !important;padding-top:5.2rem !important;padding-bottom:5.5rem !important}
@media (max-height:820px) and (min-width:901px){
  #wspolprace .partners-section{padding-top:4.2rem !important}
}
@media (max-width:900px){
  #wspolprace{scroll-margin-top:118px !important}
  #wspolprace .partners-section{padding-top:3rem !important}
}
#home .hero{min-height:calc(100vh - var(--fixed-footer-height)) !important;padding:7rem 2rem calc(var(--fixed-footer-height) + 4.6rem) !important;justify-content:center !important}
#home .avatar-ring{width:220px !important;height:220px !important;margin-bottom:1.75rem !important}
#home .avatar-ring::before{inset:-7px !important}
#home .avatar-ring::after{inset:-24px !important}
#home .avatar-inner{background:radial-gradient(circle at 50% 22%,#1d1040 0%,#120a26 62%,#0a0614 100%) !important;border:3px solid var(--bg) !important}
#home .avatar-inner img{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;object-position:center top !important;transform:scale(1.16) translateY(14px) !important;transform-origin:center top !important;border-radius:50% !important}
#home .eyebrow{display:flex !important;align-items:center !important;justify-content:center !important;flex-wrap:wrap !important;gap:0.5rem !important;font-size:0.76rem !important;font-weight:900 !important;letter-spacing:0.14em !important;color:var(--purple) !important;margin-bottom:1rem !important;text-transform:uppercase !important}
#home .eyebrow span{color:#a78bfa !important;opacity:0.75 !important}
#home .eyebrow a{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0.38rem 0.78rem !important;border-radius:22px !important;color:#f3efff !important;text-decoration:none !important;border:1px solid rgba(167,139,250,0.48) !important;background:radial-gradient(ellipse 100% 160% at 50% 0%,rgba(196,181,253,0.22),transparent 62%),linear-gradient(135deg,rgba(109,40,217,0.62),rgba(167,139,250,0.24)) !important;box-shadow:0 0 22px rgba(167,139,250,0.22),inset 0 0 18px rgba(196,181,253,0.06) !important;text-shadow:0 0 12px rgba(196,181,253,0.28) !important;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease !important}
#home .eyebrow a:hover{color:#ffffff !important;transform:translateY(-2px) !important;border-color:rgba(196,181,253,0.78) !important;box-shadow:0 0 30px rgba(167,139,250,0.38),inset 0 0 22px rgba(196,181,253,0.1) !important}
#home .hero-title{letter-spacing:-0.03em !important;margin-bottom:1rem !important}
#home .hero-desc{max-width:620px !important;margin-bottom:1.6rem !important;font-size:1rem !important;line-height:1.65 !important}
#home .social-btns{gap:12px !important}
#home .social-btns .btn{width:150px !important;min-width:150px !important;height:52px !important;border-radius:8px !important;justify-content:center !important}
@media (max-height:820px) and (min-width:901px){
  #home .hero{padding-top:5.8rem !important;padding-bottom:calc(var(--fixed-footer-height) + 3rem) !important}
  #home .avatar-ring{width:190px !important;height:190px !important;margin-bottom:1.35rem !important}
  #home .hero-title{font-size:clamp(3.8rem,7vw,5rem) !important}
  #home .hero-desc{margin-bottom:1.25rem !important}
}
@media (max-width:900px){
  #home .hero{min-height:100svh !important;padding:9rem 1rem calc(var(--fixed-footer-height) + 2rem) !important}
  #home .avatar-ring{width:170px !important;height:170px !important;margin-bottom:1.25rem !important}
  #home .hero-desc{font-size:0.92rem !important;line-height:1.55 !important}
  #home .social-btns{width:min(100%,350px) !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0.65rem !important}
  #home .social-btns .btn{width:100% !important;min-width:0 !important;height:48px !important}
}
.album-placeholder-card{display:flex !important;align-items:center !important;justify-content:center !important}
.album-placeholder-card::after{content:"POWIĘKSZ" !important}
.album-photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.45rem;background:radial-gradient(circle at 50% 35%,rgba(167,139,250,0.18),transparent 58%),linear-gradient(135deg,rgba(109,40,217,0.16),rgba(8,5,16,0.88));color:var(--muted);text-transform:uppercase}
.album-photo-number{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Orbitron",monospace;font-size:1rem;font-weight:900;color:var(--purple);border:1px solid rgba(167,139,250,0.35);background:rgba(167,139,250,0.10);box-shadow:inset 0 0 18px rgba(167,139,250,0.06)}
.album-photo-label{font-size:0.68rem;font-weight:900;letter-spacing:0.14em;color:var(--muted)}
.settings-section{min-height:calc(100vh - 70px);padding:7rem 2rem 5.5rem;display:flex;align-items:center;background:radial-gradient(ellipse 65% 45% at 50% 100%,rgba(167,139,250,0.075),transparent 72%),rgba(6,3,13,0.66);border-top:1px solid rgba(109,40,217,0.12);border-bottom:1px solid rgba(109,40,217,0.12)}
.settings-inner{width:min(100%,1120px);margin:0 auto}
.settings-header{margin-bottom:1.7rem}
.settings-title-row{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.4rem}
.settings-title-row::before{content:"";width:22px;height:4px;border-radius:22px;background:linear-gradient(90deg,var(--purple),var(--pink));box-shadow:0 0 18px rgba(167,139,250,0.28)}
.settings-title{font-family:"Orbitron",monospace;font-size:clamp(1.8rem,3vw,2.65rem);font-weight:900;letter-spacing:0.08em;color:#f5f3ff;text-transform:uppercase}
.settings-subtitle{color:var(--muted);line-height:1.6;max-width:640px}
.settings-box{display:grid;padding:1.4rem;border-radius:22px;border:1px solid rgba(167,139,250,0.18);background:radial-gradient(ellipse 85% 120% at 0% 0%,rgba(167,139,250,0.10),transparent 62%),linear-gradient(145deg,rgba(4,2,9,0.76),rgba(18,11,36,0.68));box-shadow:inset 0 0 42px rgba(167,139,250,0.03),0 18px 42px rgba(0,0,0,0.18)}
.settings-tabs{display:grid;align-content:start}
.settings-tab{display:flex;align-items:center;gap:0.75rem;padding:0.85rem 1rem;border-radius:12px;border:1px solid rgba(167,139,250,0.14);background:rgba(255,255,255,0.035);color:var(--text);font-family:"Space Grotesk",sans-serif;font-size:0.92rem;font-weight:800;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,transform 0.18s ease}
.settings-tab:hover{transform:translateY(-2px);border-color:rgba(167,139,250,0.44);background:rgba(167,139,250,0.10)}
.settings-tab.active{background:linear-gradient(135deg,rgba(109,40,217,0.58),rgba(167,139,250,0.22));border-color:rgba(167,139,250,0.62);box-shadow:0 0 22px rgba(167,139,250,0.12)}
.settings-panel{padding:1.35rem 1.6rem;border-radius:16px;border:1px solid rgba(167,139,250,0.15);background:rgba(0,0,0,0.24);box-shadow:inset 0 0 35px rgba(0,0,0,0.18);display:none}
.settings-panel.active{display:block;animation:fadeIn 0.22s ease}
.settings-panel-head{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.4rem}
.settings-panel-head::before{content:"";width:22px;height:4px;border-radius:22px;background:linear-gradient(90deg,var(--purple),var(--pink))}
.settings-panel h3{font-family:"Orbitron",monospace;font-size:1.25rem;font-weight:900;letter-spacing:0.08em;color:#f5f3ff;text-transform:uppercase}
.settings-list{display:grid;gap:0}
.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,0.07)}
.settings-row:last-child{border-bottom:none}
.settings-label{color:#9a8fc4;font-size:0.92rem;font-weight:700}
.settings-value{color:#f5f3ff;font-size:0.92rem;font-weight:900;text-align:right}
.settings-code{padding:1rem;border-radius:16px;background:rgba(4,2,9,0.74);border:1px solid rgba(167,139,250,0.18);color:#ddd6fe;font-family:"Space Grotesk",sans-serif;line-height:1.7;white-space:pre-wrap}
@media (max-width:900px){
  .settings-section{min-height:auto;padding:4.2rem 1rem 4rem;align-items:flex-start}
  .settings-box{grid-template-columns:1fr;padding:1rem}
  .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.55rem}
  .settings-tab{min-height:54px;padding:0.75rem;font-size:0.84rem;justify-content:center;text-align:center}
  .settings-panel{min-height:auto;padding:1rem}
}
@media (max-width:420px){
  .nav-links{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .settings-row{grid-template-columns:1fr;gap:0.35rem}
  .settings-value{text-align:left}
}
.settings-box{grid-template-columns:1fr !important;gap:1rem !important}
.settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0.75rem !important}
.settings-tab{justify-content:center !important;text-align:center !important;min-height:60px !important}
.settings-panel{min-height:320px !important}
@media (max-width:1100px){
  .settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:700px){
  .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:420px){
  .settings-tabs{grid-template-columns:1fr !important}
}
.video-advanced-grid{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.35fr);gap:1rem}
.video-card{min-width:0;padding:1.15rem 1.25rem;border-radius:16px;border:1px solid rgba(167,139,250,0.14);background:rgba(0,0,0,0.18)}
.advanced-card{background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(167,139,250,0.07),transparent 62%),rgba(0,0,0,0.18)}
.advanced-head::before{background:linear-gradient(90deg,#a78bfa,#c4b5fd) !important}
.advanced-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}
.settings-mini-title{margin-bottom:0.55rem;color:#9a8fc4;font-size:0.76rem;font-weight:900;letter-spacing:0.14em;text-transform:uppercase}
.advanced-columns .settings-row{grid-template-columns:minmax(0,1fr) auto;padding:0.82rem 0}
.advanced-columns .settings-label,.advanced-columns .settings-value{font-size:0.92rem}
@media (max-width:1100px){
  .video-advanced-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .advanced-columns{grid-template-columns:1fr;gap:0.8rem}
  .video-card{padding:1rem}
}
.config-actions{display:flex;justify-content:flex-end;gap:0.75rem;margin-top:1rem;flex-wrap:wrap}
.config-btn{min-width:150px;min-height:44px;padding:0.75rem 1rem;border-radius:12px;border:1px solid rgba(167,139,250,0.32);background:rgba(167,139,250,0.08);color:#f3efff;font-family:"Space Grotesk",sans-serif;font-size:0.92rem;font-weight:900;cursor:pointer;transition:transform 0.2s ease,border-color 0.2s ease,background 0.16s ease,filter 0.16s ease}
.config-btn:hover{transform:translateY(-2px);border-color:rgba(167,139,250,0.68);background:rgba(167,139,250,0.16)}
.config-btn-primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-color:transparent;color:#14082e}
.config-btn-primary:hover{filter:brightness(1.08)}
.config-copy-status{min-height:1.2rem;margin-top:0.65rem;color:#a78bfa;font-size:0.84rem;font-weight:800;text-align:right}
@media (max-width:700px){
  .config-actions{justify-content:stretch}
  .config-btn{flex:1 1 100%;width:100%}
  .config-copy-status{text-align:center}
}
.copy-code-block{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.07)}
.copy-code-label{margin-bottom:0.55rem;color:#9a8fc4;font-size:0.76rem;font-weight:900;letter-spacing:0.14em;text-transform:uppercase}
.copy-code-box{padding:0.95rem 1rem;border-radius:16px;background:rgba(4,2,9,0.78);border:1px solid rgba(167,139,250,0.20);color:#ddd6fe;font-family:Consolas,"Courier New",monospace;font-size:0.92rem;line-height:1.6;overflow-x:auto;white-space:nowrap;box-shadow:inset 0 0 24px rgba(0,0,0,0.22)}
@media (max-width:700px){
  .copy-code-box{white-space:normal;overflow-wrap:anywhere}
}
[data-settings-panel="crosshair"] .copy-code-block{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:0.65rem 0.8rem !important;align-items:end !important;margin-top:1rem !important;padding-top:0.85rem !important}
[data-settings-panel="crosshair"] .copy-code-label{grid-column:1 / -1 !important;margin-bottom:0 !important}
[data-settings-panel="crosshair"] .copy-code-box{height:46px !important;min-height:46px !important;display:flex !important;align-items:center !important;padding:0 0.95rem !important;overflow-x:auto !important;white-space:nowrap !important}
[data-settings-panel="crosshair"] .config-actions{margin-top:0 !important;display:flex !important;justify-content:flex-end !important}
[data-settings-panel="crosshair"] .config-btn{height:46px !important;min-height:46px !important;min-width:150px !important;padding:0 1rem !important}
[data-settings-panel="crosshair"] .config-copy-status{grid-column:1 / -1 !important;margin-top:0 !important}
@media (max-width:700px){
  [data-settings-panel="crosshair"] .copy-code-block{grid-template-columns:1fr !important}
  [data-settings-panel="crosshair"] .config-btn{width:100% !important}
}
#ustawienia{scroll-margin-top:58px !important}
#ustawienia .settings-section{min-height:calc(100vh - var(--fixed-footer-height)) !important;padding-top:4.3rem !important;padding-bottom:calc(var(--fixed-footer-height) + 1.1rem) !important;align-items:flex-start !important}
#ustawienia .settings-header{margin-bottom:1.15rem !important}
#ustawienia .settings-title{font-size:clamp(1.65rem,2.6vw,2.25rem) !important}
#ustawienia .settings-subtitle{font-size:0.92rem !important;line-height:1.45 !important}
#ustawienia .settings-box{padding:1rem !important;gap:0.8rem !important}
#ustawienia .settings-panel{min-height:auto !important;padding:1rem 1.25rem !important}
#ustawienia .settings-panel-head{margin-bottom:0.85rem !important}
#ustawienia .settings-panel h3{font-size:1rem !important}
#ustawienia .settings-row{padding:0.72rem 0 !important}
#ustawienia .copy-code-block{margin-top:0.7rem !important;padding-top:0.65rem !important}
#ustawienia .copy-code-box{height:42px !important;min-height:42px !important}
#ustawienia .config-btn{height:42px !important;min-height:42px !important}
@media (max-height:820px) and (min-width:901px){
  #ustawienia .settings-section{padding-top:3.55rem !important;padding-bottom:calc(var(--fixed-footer-height) + 0.7rem) !important}
  #ustawienia .settings-header{margin-bottom:0.85rem !important}
  #ustawienia .settings-box{padding:0.85rem !important}
  #ustawienia .settings-panel{padding:0.85rem 1rem !important}
  #ustawienia .settings-row{padding:0.58rem 0 !important}
}
@media (max-width:900px){
  #ustawienia{scroll-margin-top:105px !important}
  #ustawienia .settings-section{padding-top:2.4rem !important;padding-bottom:calc(var(--fixed-footer-height) + 1.2rem) !important}
}
.spec-section{min-height:calc(100vh - var(--fixed-footer-height));padding:5.2rem 2rem calc(var(--fixed-footer-height) + 2rem);display:flex;align-items:center;background:radial-gradient(ellipse 65% 45% at 50% 100%,rgba(167,139,250,0.055),transparent 72%),rgba(6,3,13,0.62)}
.spec-inner{width:min(100%,1180px);margin:0 auto}
.spec-card{padding:1.55rem 1.8rem 1.8rem;border-radius:22px;border:1px solid rgba(167,139,250,0.18);background:radial-gradient(ellipse 85% 120% at 0% 0%,rgba(167,139,250,0.08),transparent 62%),linear-gradient(145deg,rgba(4,2,9,0.76),rgba(18,11,36,0.62));box-shadow:inset 0 0 42px rgba(167,139,250,0.025),0 18px 42px rgba(0,0,0,0.18)}
#specyfikacja .settings-row{padding:0.92rem 0 !important}
#specyfikacja .settings-label{text-transform:uppercase;letter-spacing:0.02em}
@media (max-width:900px){
  .nav-links{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
  .spec-section{min-height:auto;padding:3.6rem 1rem calc(var(--fixed-footer-height) + 2rem);align-items:flex-start}
  .spec-card{padding:1rem}
}
@media (max-width:520px){
  .nav-links{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
.spec-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin-bottom:1rem}
.spec-tab{min-height:52px;border:1px solid rgba(167,139,250,0.16);border-radius:16px;background:rgba(255,255,255,0.035);color:var(--text);font-family:"Space Grotesk",sans-serif;font-size:0.92rem;font-weight:800;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,transform 0.18s ease}
.spec-tab:hover{transform:translateY(-2px);border-color:rgba(167,139,250,0.44);background:rgba(167,139,250,0.10)}
.spec-tab.active{background:linear-gradient(135deg,rgba(109,40,217,0.58),rgba(167,139,250,0.22));border-color:rgba(167,139,250,0.62);box-shadow:0 0 22px rgba(167,139,250,0.12)}
.spec-panel{display:none;min-width:0}
.spec-panel.active{display:block;animation:fadeIn 0.22s ease}
@media (max-width:900px){
  .spec-switch{grid-template-columns:1fr 1fr;gap:0.6rem}
  #specyfikacja .settings-value{max-width:100%}
}
#specyfikacja .settings-value{justify-self:stretch !important}
@media (max-width:900px){
  nav{padding:0.7rem 0.85rem 0.55rem !important;display:grid !important;grid-template-columns:1fr auto !important;grid-template-areas:"logo live" "links links" !important;gap:0.55rem 0.75rem !important;align-items:center !important}
  .nav-logo{grid-area:logo !important;font-size:1rem !important}
  .live-badge{grid-area:live !important;justify-self:end !important;padding:0.48rem 0.78rem !important;font-size:0.68rem !important}
  .nav-links{grid-area:links !important;width:100% !important;display:flex !important;flex-wrap:nowrap !important;gap:0.45rem !important;overflow-x:auto !important;overflow-y:hidden !important;padding-bottom:0.1rem !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important}
  .nav-links::-webkit-scrollbar{display:none !important}
  .nav-links li{flex:0 0 auto !important}
  .nav-links a{width:auto !important;min-width:max-content !important;justify-content:center !important;padding:0.45rem 0.72rem !important;font-size:0.76rem !important;line-height:1 !important;border-radius:22px !important;white-space:nowrap !important;gap:0.28rem !important}
  .nav-links a svg{width:12px !important;height:12px !important;display:inline-block !important}
  .page-section{scroll-margin-top:96px !important}
  #home .hero{padding-top:7.2rem !important}
  .hero{padding-top:7.2rem !important}
  #ustawienia,#specyfikacja,#wspolprace,#kontakt,#o-mnie{scroll-margin-top:96px !important}
}
@media (max-width:420px){
  nav{padding:0.62rem 0.7rem 0.5rem !important;gap:0.48rem 0.65rem !important}
  .nav-logo{font-size:1rem !important}
  .live-badge{padding:0.42rem 0.68rem !important;font-size:0.68rem !important}
  .nav-links a{padding:0.42rem 0.62rem !important;font-size:0.68rem !important}
  .nav-links a svg{display:none !important}
  .page-section{scroll-margin-top:88px !important}
  #home .hero{padding-top:6.8rem !important}
  .hero{padding-top:6.8rem !important}
  #ustawienia,#specyfikacja,#wspolprace,#kontakt,#o-mnie{scroll-margin-top:88px !important}
}
#ustawienia .settings-panel{display:none !important}
#ustawienia .settings-panel.active{display:block !important;animation:fadeIn 0.22s ease}
#ustawienia .settings-tabs{width:100% !important}
#specyfikacja .spec-tab{border:1px solid rgba(167,139,250,0.16);border-radius:16px;background:rgba(255,255,255,0.035);color:var(--text);font-family:"Space Grotesk",sans-serif;font-size:0.92rem;font-weight:800;transition:background 0.2s ease,border-color 0.2s ease,transform 0.18s ease}
#specyfikacja .spec-tab:hover{transform:translateY(-2px);border-color:rgba(167,139,250,0.44);background:rgba(167,139,250,0.10)}
#specyfikacja .spec-tab.active{background:linear-gradient(135deg,rgba(109,40,217,0.58),rgba(167,139,250,0.22));border-color:rgba(167,139,250,0.62);box-shadow:0 0 22px rgba(167,139,250,0.12)}
@media (max-width:1250px){
  #ustawienia .settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:700px){
  #ustawienia .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
#ustawienia .settings-panel,#specyfikacja .spec-panel{display:none !important}
#ustawienia .settings-panel.active,#specyfikacja .spec-panel.active{display:block !important;animation:fadeIn 0.22s ease}
#ustawienia .settings-tab,#specyfikacja .spec-tab{pointer-events:auto !important;cursor:pointer !important;position:relative !important;z-index:20 !important}
#ustawienia .settings-tabs,#specyfikacja .spec-switch{position:relative !important;z-index:20 !important}
.language-switcher{position:fixed;top:82px;right:24px;bottom:auto;z-index:10040;display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:22px;border:1px solid rgba(167,139,250,0.34);background:rgba(8,5,16,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,0.26),inset 0 0 22px rgba(167,139,250,0.04)}
.language-switcher button{min-width:40px;height:30px;border:0;border-radius:22px;background:transparent;color:var(--muted);font-family:"Space Grotesk",sans-serif;font-size:0.76rem;font-weight:900;letter-spacing:0.06em;cursor:pointer;transition:background 0.2s ease,color 0.2s ease,transform 0.16s ease}
.language-switcher button:hover{color:#f5f3ff;background:rgba(167,139,250,0.12);transform:translateY(-1px)}
.language-switcher button.active{color:#14082e;background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 0 16px rgba(167,139,250,0.18)}
#specyfikacja .spec-section.settings-section{min-height:calc(100vh - var(--fixed-footer-height));padding:7rem 2rem calc(var(--fixed-footer-height) + 2.6rem);display:flex;align-items:center}
#specyfikacja .spec-box{grid-template-columns:1fr !important;gap:1rem !important}
#specyfikacja .spec-switch{width:100% !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0.75rem !important;margin-bottom:0 !important;position:relative !important;z-index:20 !important}
#specyfikacja .spec-tab{display:flex !important;align-items:center !important;justify-content:center !important;gap:0.75rem !important;min-height:60px !important;text-align:center !important;cursor:pointer !important;pointer-events:auto !important;position:relative !important;z-index:20 !important}
#specyfikacja .spec-panel{display:none !important;min-height:320px !important}
#specyfikacja .spec-panel.active{display:block !important;animation:fadeIn 0.22s ease}
#specyfikacja .settings-row{grid-template-columns:220px minmax(0,1fr) !important;align-items:center !important;gap:1.4rem !important}
#specyfikacja .settings-label{white-space:nowrap !important}
#specyfikacja .settings-value{width:100% !important;max-width:none !important;text-align:right !important;white-space:nowrap !important;overflow-wrap:normal !important;word-break:normal !important}
@media (max-width:900px){
  .language-switcher{top:124px;right:12px;bottom:auto;transform:scale(0.92);transform-origin:right top}
  #specyfikacja .spec-section.settings-section{min-height:auto;padding:4.2rem 1rem calc(var(--fixed-footer-height) + 2rem);align-items:flex-start}
  #specyfikacja .spec-tab{min-height:54px !important;padding:0.75rem !important;font-size:0.84rem !important}
  #specyfikacja .settings-row{grid-template-columns:1fr !important;gap:0.35rem !important}
  #specyfikacja .settings-value{text-align:left !important;white-space:normal !important;overflow-wrap:anywhere !important}
}
[data-lang-switch]{gap:0 !important}
.settings-tab{position:relative;overflow:hidden}
.settings-tab-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#ddd6fe;background:none;border:none;box-shadow:none;transition:transform 0.2s ease,color 0.2s ease,opacity 0.18s ease,text-shadow 0.18s ease}
.settings-tab-icon svg{width:19px;height:19px;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.settings-tab:hover .settings-tab-icon{transform:translateY(-1px);color:#ede9fe}
.settings-tab.active .settings-tab-icon{color:#ffffff;text-shadow:0 0 12px rgba(167,139,250,0.22)}
@media (max-width:900px){
  .settings-tab-icon{display:none !important}
}
#specyfikacja [data-spec-tab="gear"] .settings-tab-icon{display:inline-flex !important}
#specyfikacja [data-spec-tab="gear"] .settings-tab-icon svg{display:block !important;opacity:1 !important}
#specyfikacja [data-spec-tab="gear"] .settings-tab-icon svg path[d$="h0"]{stroke-width:3.2;stroke-linecap:round}
#specyfikacja [data-spec-tab="gear"] .settings-tab-icon{width:22px !important;height:22px !important;margin-right:0.38rem}
#specyfikacja [data-spec-tab="gear"] .settings-tab-icon svg{width:20px !important;height:20px !important}
#ustawienia .settings-header,#specyfikacja .settings-header{margin-bottom:1.7rem !important;text-align:left !important}
#ustawienia .settings-title-row,#specyfikacja .settings-title-row{display:block !important;margin-bottom:0.55rem !important}
#ustawienia .settings-title-row::before,#specyfikacja .settings-title-row::before{display:none !important;content:none !important}
#ustawienia .settings-header::before,#specyfikacja .settings-header::before{display:block;font-size:0.76rem;font-weight:700;letter-spacing:0.14em;color:var(--purple);text-transform:uppercase;margin-bottom:0.75rem}
#ustawienia .settings-header::before{content:"CS2"}
#specyfikacja .settings-header::before{content:"SETUP"}
#ustawienia .settings-title,#specyfikacja .settings-title{font-family:"Orbitron",monospace !important;font-size:clamp(1.9rem,4vw,3.15rem) !important;font-weight:700 !important;letter-spacing:-0.02em !important;line-height:1.12 !important;color:var(--text) !important;text-transform:none !important;margin:0 !important;text-shadow:0 0 22px rgba(167,139,250,0.08)}
#ustawienia .settings-subtitle,#specyfikacja .settings-subtitle{color:var(--muted) !important;font-size:1rem !important;line-height:1.65 !important;max-width:680px !important}
@media (max-width:900px){
  #ustawienia .settings-header::before,#specyfikacja .settings-header::before{font-size:0.68rem;letter-spacing:0.14em;margin-bottom:0.65rem}
  #ustawienia .settings-title,#specyfikacja .settings-title{font-size:clamp(1.85rem,9vw,2.65rem) !important;line-height:1.1 !important}
  #ustawienia .settings-subtitle,#specyfikacja .settings-subtitle{font-size:0.92rem !important;line-height:1.6 !important}
}
#o-mnie{position:relative;background:radial-gradient(ellipse 65% 45% at 50% 100%,rgba(167,139,250,0.075),transparent 72%),rgba(6,3,13,0.66)}
#o-mnie>.about{position:relative;width:min(100%,1120px);grid-template-columns:minmax(0,1fr) 310px !important;gap:3.2rem !important;align-items:center !important}
#o-mnie .about>div:first-child{position:relative;padding:2rem 2.1rem;border-radius:22px;border:1px solid rgba(167,139,250,0.16);background:radial-gradient(ellipse 85% 120% at 0% 0%,rgba(167,139,250,0.095),transparent 62%),linear-gradient(145deg,rgba(4,2,9,0.58),rgba(18,11,36,0.42));box-shadow:inset 0 0 42px rgba(167,139,250,0.025),0 18px 42px rgba(0,0,0,0.16);overflow:hidden}
#o-mnie .about>div:first-child::before{content:"";position:absolute;left:2rem;top:0;width:86px;height:3px;border-radius:22px;background:linear-gradient(90deg,var(--purple),var(--pink));box-shadow:0 0 18px rgba(167,139,250,0.24)}
#o-mnie .section-eyebrow{color:#a78bfa !important;font-size:0.68rem !important;font-weight:900 !important;letter-spacing:0.14em !important;margin-bottom:0.95rem !important}
#o-mnie .section-title{margin-bottom:1.2rem !important;color:#f3efff !important;text-shadow:0 0 24px rgba(167,139,250,0.10)}
#o-mnie .leti-highlight{color:#a78bfa !important;text-shadow:0 0 20px rgba(167,139,250,0.20)}
#o-mnie .section-text{max-width:700px;color:#9a8fc4 !important;font-size:1rem !important;line-height:1.82 !important;margin-bottom:1rem !important}
#o-mnie .section-text strong{color:#f3efff;font-weight:900}
#o-mnie .tags{margin-top:1.35rem;gap:0.65rem !important}
#o-mnie .tag{padding:0.55rem 0.85rem !important;border-radius:22px !important;border:1px solid rgba(167,139,250,0.24) !important;background:radial-gradient(ellipse 120% 160% at 50% 0%,rgba(167,139,250,0.13),transparent 62%),rgba(10,6,22,0.72) !important;color:#ddd6fe !important;font-size:0.76rem !important;font-weight:900 !important;letter-spacing:0.04em;box-shadow:inset 0 0 18px rgba(167,139,250,0.035)}
#o-mnie .about-photo{width:310px !important;height:395px !important;border-radius:22px !important;border:1px solid rgba(167,139,250,0.26) !important;background:radial-gradient(ellipse 75% 55% at 50% 28%,rgba(167,139,250,0.18),transparent 70%),linear-gradient(145deg,rgba(4,2,9,0.82),rgba(22,13,44,0.72)) !important;box-shadow:inset 0 0 42px rgba(167,139,250,0.035),0 22px 48px rgba(0,0,0,0.24),0 0 26px rgba(167,139,250,0.055)}
#o-mnie .about-photo::before{background:radial-gradient(ellipse 80% 60% at 50% 35%,rgba(167,139,250,0.18),transparent 68%),linear-gradient(to bottom,rgba(196,181,253,0.035),transparent 42%) !important}
#o-mnie .about-photo-initials{width:112px !important;height:112px !important;border:1px solid rgba(196,181,253,0.32) !important;background:radial-gradient(circle at 50% 30%,rgba(196,181,253,0.16),transparent 62%),linear-gradient(135deg,rgba(109,40,217,0.58),rgba(167,139,250,0.18)) !important;color:#f3efff !important;box-shadow:inset 0 0 26px rgba(196,181,253,0.06),0 0 26px rgba(167,139,250,0.12)}
#o-mnie .about-photo-label{color:#b3a8de !important;font-weight:900 !important;letter-spacing:0.14em !important}
#o-mnie .about-photo-corner{width:30px !important;height:30px !important;border-color:rgba(167,139,250,0.48) !important}
@media (max-width:900px){
  #o-mnie>.about{grid-template-columns:1fr !important;gap:1.5rem !important;padding-top:3.4rem !important}
  #o-mnie .about>div:first-child{padding:1.45rem 1.25rem;border-radius:22px}
  #o-mnie .about>div:first-child::before{left:1.25rem;width:68px}
  #o-mnie .section-text{font-size:0.92rem !important;line-height:1.7 !important}
  #o-mnie .about-photo{width:100% !important;max-width:330px !important;height:360px !important;margin:0 auto !important}
}
#o-mnie .section-title{white-space:nowrap !important;font-size:clamp(1.95rem,4vw,3rem) !important;line-height:1.02 !important;letter-spacing:-0.035em !important}
@media (max-width:900px){
  #o-mnie .section-title{white-space:normal !important;font-size:clamp(2rem,10vw,3rem) !important;letter-spacing:-0.02em !important}
}
.gallery-slide .hosted-photo,.album-item .hosted-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;z-index:2}
.gallery-slide .gallery-hosted-placeholder,.album-item .album-photo-placeholder{position:relative;z-index:1}
.album-item .album-photo-placeholder{position:absolute;inset:0}
.gallery-slide img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;background:transparent !important}
.album-item{height:150px !important}
.album-item img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;background:transparent !important;padding:0 !important}
.album-lightbox-content img{object-fit:contain !important;object-position:center center !important}
@media (max-width:900px){
  .album-item{height:auto !important;aspect-ratio:16 / 10 !important}
}
#o-mnie .album-section{padding-left:1rem !important;padding-right:1rem !important}
#album-grid .hosted-photo{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;background:rgba(0,0,0,0.14) !important;padding:0 !important}
#album-grid .hosted-photo,#album-grid .album-item img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;background:rgba(0,0,0,0.16) !important;padding:0 !important}
#gallery .gallery-slide img,#gallery .gallery-slide .hosted-photo{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;transform:none !important;background:rgba(0,0,0,0.14) !important;padding:0 !important}
#gallery .gallery-slide{background:rgba(0,0,0,0.08) !important}
#o-mnie #gallery.about-photo{width:315px !important;height:420px !important;max-width:100% !important;border-radius:22px !important}
#o-mnie #gallery .gallery-slides,#o-mnie #gallery .gallery-slide{inset:0 !important;border-radius:inherit !important;overflow:hidden !important}
#o-mnie #gallery .gallery-slide img,#o-mnie #gallery .gallery-slide .hosted-photo{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;transform:none !important;transform-origin:center center !important;background:transparent !important;padding:0 !important}
@media (max-width:900px){
  #o-mnie #gallery.about-photo{width:min(315px,88vw) !important;height:auto !important;aspect-ratio:315 / 420 !important;margin-left:auto !important;margin-right:auto !important}
}
.partner-card{width:100% !important;border-radius:22px !important;border:1px solid rgba(167,139,250,0.38) !important;background:radial-gradient(ellipse 90% 140% at 0% 0%,rgba(167,139,250,0.16),transparent 66%),linear-gradient(145deg,rgba(4,2,9,0.78),rgba(22,13,44,0.86)) !important;box-shadow:inset 0 0 42px rgba(167,139,250,0.04),0 18px 40px rgba(0,0,0,0.2) !important;overflow:hidden !important}
.partner-card-main{display:grid !important;grid-template-columns:300px 1fr auto !important;align-items:center !important;gap:1.35rem !important;padding:1.45rem !important}
.partner-card .partner-mini-box{margin:0 !important;border:0 !important;border-top:1px solid rgba(167,139,250,0.24) !important;border-radius:0 !important;padding:0.95rem 1.2rem !important;background:radial-gradient(ellipse 120% 140% at 0% 0%,rgba(167,139,250,0.10),transparent 68%),linear-gradient(145deg,rgba(4,2,9,0.42),rgba(22,13,44,0.50)) !important;box-shadow:none !important}
.partner-card .partner-mini-box p{margin:0 !important;color:#ede9fe !important;font-size:0.92rem !important;font-weight:800 !important;line-height:1.55 !important;text-align:center !important}
.partner-card .partner-mini-box strong{color:#a78bfa !important;font-weight:900 !important}
@media (max-width:600px){
  .partner-card-main{grid-template-columns:1fr !important;text-align:center !important;padding:1rem !important}
  .partner-card .partner-mini-box{padding:0.9rem 1rem !important}
  .partner-card .partner-mini-box p{font-size:0.84rem !important}
}
#wspolprace .partner-card{display:block !important;width:100% !important;overflow:hidden !important;border-radius:22px !important;border:1px solid rgba(167,139,250,0.38) !important;background:radial-gradient(ellipse 90% 140% at 0% 0%,rgba(167,139,250,0.16),transparent 66%),linear-gradient(145deg,rgba(4,2,9,0.78),rgba(22,13,44,0.86)) !important;box-shadow:inset 0 0 42px rgba(167,139,250,0.04),0 18px 40px rgba(0,0,0,0.2) !important}
#wspolprace .partner-card>.partner-card-main{display:grid !important;grid-template-columns:300px 1fr auto !important;align-items:center !important;gap:1.35rem !important;padding:1.45rem !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
#wspolprace .partner-card>.partner-mini-box{display:block !important;margin:0 !important;padding:0.95rem 1.2rem !important;border:0 !important;border-top:1px solid rgba(167,139,250,0.22) !important;border-radius:0 !important;background:rgba(0,0,0,0.14) !important;box-shadow:none !important}
#wspolprace .partner-card>.partner-mini-box::before,#wspolprace .partner-card>.partner-mini-box::after{display:none !important;content:none !important}
#wspolprace .partner-card>.partner-mini-box p{margin:0 !important;text-align:center !important;font-size:0.92rem !important;line-height:1.55 !important;font-weight:800 !important}
#wspolprace .partner-card>.partner-mini-box strong{color:#a78bfa !important}
@media (max-width:600px){
  #wspolprace .partner-card>.partner-card-main{grid-template-columns:1fr !important;text-align:center !important;padding:1rem !important}
  #wspolprace .partner-card>.partner-mini-box{padding:0.9rem 1rem !important}
  #wspolprace .partner-card>.partner-mini-box p{font-size:0.84rem !important}
}
#wspolprace .partner-card-merged>.partner-mini-box{margin-top:0 !important}
#wspolprace .partner-card-merged>.partner-card-main{margin-bottom:0 !important}
@media (max-width:700px){
  #wspolprace .partner-card-merged>.partner-card-main{grid-template-columns:1fr !important;text-align:center !important;padding:1rem !important}
  #wspolprace .partner-card-merged>.partner-mini-box{padding:0.9rem 1rem !important}
  #wspolprace .partner-card-merged>.partner-mini-box p{font-size:0.84rem !important}
}
#ustawienia .settings-tabs{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0.75rem !important;align-items:stretch !important}
#ustawienia .settings-tab{display:flex !important;align-items:center !important;justify-content:center !important;gap:0.65rem !important;width:100% !important;min-width:0 !important;min-height:58px !important;height:58px !important;padding:0 1rem !important;text-align:center !important;line-height:1 !important;white-space:nowrap !important}
#ustawienia .settings-tab-icon{width:18px !important;height:18px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 18px !important;margin:0 !important}
#ustawienia .settings-tab-icon svg{width:18px !important;height:18px !important;display:block !important}
@media (max-width:900px){
  #ustawienia .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0.55rem !important}
  #ustawienia .settings-tab{min-height:54px !important;height:54px !important;padding:0 0.8rem !important;font-size:0.84rem !important}
}
@media (max-width:420px){
  #ustawienia .settings-tabs{grid-template-columns:1fr !important}
}
#home .avatar-inner .hosted-avatar{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;object-position:center top !important;border-radius:50% !important}
#album-grid.album-grid{max-width:none !important;margin:0 auto !important}
.responsible-banner{position:relative !important;z-index:5 !important;display:block !important;margin:0 !important;padding:1.15rem 2rem calc(1.15rem + var(--fixed-footer-height)) !important;background:radial-gradient(ellipse 70% 120% at 50% 0%, rgba(167,139,250,0.10), transparent 65%),
      rgba(6,3,13,0.88) !important;border-top:1px solid rgba(109,40,217,0.18) !important;border-bottom:none !important;text-align:center !important;box-shadow:inset 0 1px 0 rgba(196,181,253,0.04) !important}
.responsible-banner p{max-width:1050px !important;margin:0 auto !important;color:var(--muted) !important;font-size:0.84rem !important;line-height:1.65 !important}
.responsible-banner strong{color:#ddd6fe !important;font-weight:900 !important}
@media (max-width: 900px){
  .responsible-banner{padding:1rem 1rem calc(1rem + var(--fixed-footer-height)) !important}
  .responsible-banner p{font-size:0.76rem !important;line-height:1.55 !important}
}
#kontakt, #kontakt .contact-section{background:transparent !important;border-top:0 !important;border-bottom:0 !important}
#wspolprace .partners-section{background:radial-gradient(ellipse 68% 48% at 50% 12%, rgba(109,40,217,0.18) 0%, transparent 72%),
      rgba(6,3,13,0.72) !important}
@media (max-width:900px){
  #wspolprace .partners-section{background:radial-gradient(ellipse 78% 42% at 50% 8%, rgba(109,40,217,0.16) 0%, transparent 72%),
        rgba(6,3,13,0.72) !important}
}
#o-mnie,
  #wspolprace .partners-section{background:radial-gradient(ellipse 65% 45% at 50% 100%, rgba(167,139,250,0.075) 0%, transparent 72%),
      rgba(6,3,13,0.66) !important}
#o-mnie{border-top:1px solid rgba(109,40,217,0.12) !important;border-bottom:1px solid rgba(109,40,217,0.12) !important}
#wspolprace .partners-section{border-top:1px solid rgba(109,40,217,0.12) !important;border-bottom:1px solid rgba(109,40,217,0.12) !important}
@media (max-width: 900px){
  #o-mnie,
    #wspolprace .partners-section{background:radial-gradient(ellipse 78% 42% at 50% 100%, rgba(167,139,250,0.075) 0%, transparent 72%),
        rgba(6,3,13,0.66) !important}
}
#wspolprace .partners-section,
  #specyfikacja .spec-section,
  #specyfikacja .spec-section.settings-section{background:radial-gradient(ellipse 65% 45% at 50% 0%, rgba(167,139,250,0.075) 0%, transparent 72%),
      rgba(6,3,13,0.66) !important}
@media (max-width: 900px){
  #wspolprace .partners-section,
    #specyfikacja .spec-section,
    #specyfikacja .spec-section.settings-section{background:radial-gradient(ellipse 78% 42% at 50% 0%, rgba(167,139,250,0.075) 0%, transparent 72%),
        rgba(6,3,13,0.66) !important}
}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:100000;padding:0.75rem 1rem;border-radius:12px;background:#8b5cf6;color:#14082e;font-weight:900;text-decoration:none;transition:top 0.15s ease}
.skip-link:focus{top:1rem;outline:3px solid #c4b5fd;outline-offset:3px}
.giveaway-panel{margin-top:1rem;padding:1.15rem;border-radius:22px;border:1px solid rgba(167,139,250,0.26);background:radial-gradient(ellipse 75% 150% at 0% 0%,rgba(167,139,250,0.13),transparent 64%),
      radial-gradient(ellipse 65% 130% at 100% 100%,rgba(167,139,250,0.10),transparent 70%),
      linear-gradient(145deg,rgba(4,2,9,0.94),rgba(18,11,36,0.9));box-shadow:inset 0 0 38px rgba(167,139,250,0.035),0 18px 40px rgba(0,0,0,0.2)}
.giveaway-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.9rem}
.giveaway-panel-copy{min-width:0}
.giveaway-kicker{margin:0 0 0.28rem;color:#a78bfa;font-size:0.68rem;font-weight:900;letter-spacing:0.14em;text-transform:uppercase}
.giveaway-title{margin:0;font-family:"Orbitron",monospace;color:#f5f3ff;font-size:clamp(1.05rem,2.4vw,1.4rem);font-weight:900;line-height:1.2}
.giveaway-subtitle{margin:0.35rem 0 0;color:var(--muted);font-size:0.84rem;line-height:1.5}
.giveaway-counter{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.45rem;padding:0.5rem 0.72rem;border-radius:22px;border:1px solid rgba(167,139,250,0.34);background:rgba(167,139,250,0.10);color:#ddd6fe;font-size:0.68rem;font-weight:900;letter-spacing:0.08em;text-transform:uppercase}
.giveaway-counter::before{content:"";width:7px;height:7px;border-radius:50%;background:#a78bfa;box-shadow:0 0 12px rgba(167,139,250,0.7);animation:pulse 1.4s ease-in-out infinite}
.giveaway-carousel{position:relative}
.giveaway-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
.giveaway-grid{display:flex;gap:0.9rem;width:max-content;will-change:transform}
.giveaway-card{flex:0 0 360px;width:360px;position:relative;display:grid;grid-template-columns:145px minmax(0,1fr);align-items:stretch;gap:1rem;min-width:0;min-height:168px;padding:0.95rem;border-radius:16px;border:1px solid rgba(167,139,250,0.24);background:radial-gradient(circle at 16% 50%,rgba(167,139,250,0.12),transparent 36%),
      linear-gradient(145deg,rgba(16,10,32,0.88),rgba(6,3,14,0.9));overflow:hidden;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.18s ease}
.giveaway-card:hover{transform:translateY(-3px);border-color:rgba(167,139,250,0.62);box-shadow:0 16px 30px rgba(0,0,0,0.25),0 0 20px rgba(167,139,250,0.10)}
.giveaway-skin-icon{width:145px;height:100%;min-height:136px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(167,139,250,0.24);background:#0f0820;overflow:hidden}
.giveaway-skin-icon img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:0.3rem}
.giveaway-skin-info{min-width:0;display:flex;flex-direction:column;justify-content:center}
.giveaway-status{display:inline-flex;align-items:center;gap:0.35rem;margin-bottom:0.35rem;color:#a78bfa;font-size:0.68rem;font-weight:900;letter-spacing:0.1em;text-transform:uppercase}
.giveaway-status::before{content:"🔥";font-size:0.68rem;line-height:1}
.giveaway-skin-name{margin:0;color:#f5f3ff;font-size:1rem;font-weight:900;line-height:1.28;overflow-wrap:anywhere}
.giveaway-condition{margin:0.12rem 0 0.65rem;color:#8f84b8;font-size:0.76rem;font-weight:700}
.giveaway-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem;margin-top:auto}
.giveaway-meta-item{min-width:0;padding:0.52rem 0.5rem;border-radius:12px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.18)}
.giveaway-meta-label{display:block;margin-bottom:0.16rem;color:#8f84b8;font-size:0.68rem;font-weight:800;line-height:1.2;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.giveaway-meta-value{display:block;color:#a78bfa;font-size:0.84rem;font-weight:900;white-space:nowrap}
.giveaway-meta-item:last-child .giveaway-meta-value{color:#c4b5fd}
.giveaway-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:0.85rem;padding-top:0.85rem;border-top:1px solid rgba(167,139,250,0.16)}
.giveaway-footer-text{margin:0;color:var(--muted);font-size:0.84rem;line-height:1.45}
.giveaway-footer-text strong{color:#ddd6fe}
.giveaway-cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:135px;padding:0.7rem 0.95rem;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#14082e;font-size:0.84rem;font-weight:900;text-decoration:none;box-shadow:0 0 18px rgba(167,139,250,0.18);transition:transform 0.2s ease,filter 0.2s ease}
.giveaway-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media (max-width:820px){
  .giveaway-card{flex:0 0 82vw;width:82vw}
}
@media (max-width:760px){
  .giveaway-panel-head{align-items:flex-start}
}
@media (max-width:520px){
  .giveaway-panel{padding:0.85rem}
  .giveaway-panel-head{display:block;text-align:left}
  .giveaway-counter{margin-top:0.65rem}
  .giveaway-card{flex:0 0 86vw;width:86vw;grid-template-columns:100px minmax(0,1fr);gap:0.7rem;min-height:0;padding:0.78rem}
  .giveaway-skin-icon{width:100px;height:100%;min-height:100px}
  .giveaway-meta{grid-template-columns:1fr}
  .giveaway-footer{align-items:stretch;flex-direction:column;text-align:left}
  .giveaway-cta{width:100%}
}
#o-mnie .section-title,
  #wspolprace .partners-section .section-title,
  #kontakt .contact-title{font-size:clamp(1.9rem,4vw,3.15rem) !important;line-height:1.12 !important}
@media (max-width:900px){
  #o-mnie .section-title,
    #wspolprace .partners-section .section-title,
    #kontakt .contact-title{font-size:clamp(1.85rem,9vw,2.65rem) !important;line-height:1.1 !important}
}
#kontakt .contact-title{font-size:clamp(1.55rem,2.5vw,2rem) !important;line-height:1.12 !important}
#home .hero-title{font-size:clamp(3rem,6vw,4.25rem) !important;line-height:1 !important}
@media (max-width:900px){
  #kontakt .contact-title{font-size:clamp(1.45rem,7vw,1.9rem) !important}
  #home .hero-title{font-size:clamp(2.5rem,11vw,3.6rem) !important}
}
@media (max-width:420px){
  #home .hero-title{font-size:clamp(2.3rem,10vw,3.15rem) !important}
}
#o-mnie .album-section{width:min(96vw,1120px) !important;max-width:1120px !important;margin-left:auto !important;margin-right:auto !important}
#o-mnie .album-panel{padding:1.2rem 1.15rem 1.3rem !important}
#album-grid.album-grid{display:grid !important;grid-template-columns:repeat(6,minmax(118px,150px)) !important;justify-content:center !important;align-items:start !important;gap:1rem !important}
#album-grid .album-item{position:relative !important;width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:9 / 16 !important;overflow:hidden !important;border-radius:16px !important;border:1px solid rgba(167,139,250,0.22) !important;background:rgba(4,2,9,0.82) !important}
#album-grid .hosted-photo,
  #album-grid .album-item img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;background:transparent !important;padding:0 !important}
#album-grid .album-item:nth-child(1) img{object-position:50% 47% !important}
#album-grid .album-item:nth-child(2) img{object-position:50% 50% !important}
#album-grid .album-item:nth-child(3) img{object-position:50% 47% !important}
#album-grid .album-item:nth-child(4) img{object-position:52% 50% !important}
#album-grid .album-item:nth-child(5) img{object-position:57% 50% !important}
#album-grid .album-item:nth-child(6) img{object-position:50% 45% !important}
.album-lightbox{padding:3.5rem 4.5rem !important}
.album-lightbox-content{width:auto !important;height:auto !important;max-width:none !important;max-height:none !important}
.album-lightbox-content img,
  #album-lightbox-img{width:auto !important;height:auto !important;max-width:calc(100vw - 150px) !important;max-height:calc(100vh - 120px) !important;object-fit:contain !important;object-position:center center !important}
@media (max-width:1100px){
  #album-grid.album-grid{grid-template-columns:repeat(3,minmax(120px,160px)) !important}
}
@media (max-width:650px){
  #album-grid.album-grid{grid-template-columns:repeat(2,minmax(120px,155px)) !important;gap:0.75rem !important}
  #o-mnie .album-panel{padding:0.85rem !important}
  .album-lightbox{padding:3.7rem 0.75rem 3.2rem !important}
  .album-lightbox-content img,
    #album-lightbox-img{max-width:calc(100vw - 24px) !important;max-height:calc(100vh - 115px) !important;border-radius:12px !important}
}
#lightbox{padding:3.5rem 4.5rem !important}
#lightbox .lightbox-inner{width:auto !important;height:auto !important;max-width:none !important;max-height:none !important}
#lightbox-content,
  #lightbox-content .lightbox-img-wrap{width:auto !important;height:auto !important;max-width:none !important;max-height:none !important;display:flex !important;align-items:center !important;justify-content:center !important}
#lightbox-content .lightbox-img-wrap img{position:static !important;display:block !important;width:auto !important;height:auto !important;max-width:calc(100vw - 150px) !important;max-height:calc(100vh - 120px) !important;object-fit:contain !important;object-position:center center !important;transform:none !important;padding:0 !important;border-radius:16px !important;border:1px solid rgba(167,139,250,0.28) !important;background:rgba(8,5,16,0.94) !important;box-shadow:0 24px 80px rgba(0,0,0,0.55) !important}
@media (max-width:700px){
  #lightbox{padding:3.7rem 0.75rem 3.2rem !important}
  #lightbox-content .lightbox-img-wrap img{max-width:calc(100vw - 24px) !important;max-height:calc(100vh - 115px) !important;border-radius:12px !important}
  #lightbox .lightbox-arrow{position:fixed !important;top:50% !important;transform:translateY(-50%) !important}
  #lightbox .lightbox-prev{left:10px !important}
  #lightbox .lightbox-next{right:10px !important}
}


/* POPRAWKA MOBILNEGO MENU — POLSKA WERSJA */
@media (max-width:900px){
  html[lang="pl"] nav{
    padding-bottom:0.65rem !important;
  }

  html[lang="pl"] .nav-links{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:0.38rem !important;
    width:100% !important;
    overflow:visible !important;
    padding:0 !important;
  }

  html[lang="pl"] .nav-links li{
    width:100% !important;
    min-width:0 !important;
    flex:none !important;
  }

  html[lang="pl"] .nav-links li:nth-child(-n+3){
    grid-column:span 2;
  }

  html[lang="pl"] .nav-links li:nth-child(n+4){
    grid-column:span 3;
  }

  html[lang="pl"] .nav-links a{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    padding:0.48rem 0.35rem !important;
    font-size:clamp(0.67rem,2.15vw,0.76rem) !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  html[lang="pl"] .language-switcher{
    top:140px !important;
  }

  html[lang="pl"] .page-section,
  html[lang="pl"] #ustawienia,
  html[lang="pl"] #specyfikacja,
  html[lang="pl"] #wspolprace,
  html[lang="pl"] #kontakt,
  html[lang="pl"] #o-mnie{
    scroll-margin-top:148px !important;
  }

  html[lang="pl"] #home .hero,
  html[lang="pl"] .hero{
    padding-top:10.2rem !important;
  }
}

@media (max-width:600px){
  html[lang="pl"] .nav-links a svg{
    display:none !important;
  }
}

@media (max-width:420px){
  html[lang="pl"] nav{
    padding-left:0.6rem !important;
    padding-right:0.6rem !important;
  }

  html[lang="pl"] .nav-links{
    gap:0.32rem !important;
  }

  html[lang="pl"] .nav-links a{
    padding:0.45rem 0.2rem !important;
    font-size:0.68rem !important;
  }

  html[lang="pl"] .language-switcher{
    top:132px !important;
    right:8px !important;
  }

  html[lang="pl"] .page-section,
  html[lang="pl"] #ustawienia,
  html[lang="pl"] #specyfikacja,
  html[lang="pl"] #wspolprace,
  html[lang="pl"] #kontakt,
  html[lang="pl"] #o-mnie{
    scroll-margin-top:140px !important;
  }

  html[lang="pl"] #home .hero,
  html[lang="pl"] .hero{
    padding-top:9.7rem !important;
  }
}



/* MOBILNE MENU STALE WIDOCZNE JAK W KASYNIE */
@media (max-width:900px){
  nav{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:10020 !important;
    background:rgba(6,3,13,0.96) !important;
    border-bottom:1px solid rgba(167,139,250,0.24) !important;
    box-shadow:0 12px 30px rgba(0,0,0,0.34) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
  }

  html[lang="pl"] .nav-links a.active{
    position:relative !important;
    isolation:isolate !important;
  }

  html[lang="pl"] .nav-links a.active::after{
    content:"" !important;
    position:absolute !important;
    left:16% !important;
    right:16% !important;
    bottom:3px !important;
    height:2px !important;
    border-radius:22px !important;
    background:#f3efff !important;
    box-shadow:0 0 9px rgba(237,233,254,0.9) !important;
    pointer-events:none !important;
  }
}

/* MOCNIEJSZE PODŚWIETLENIE AKTYWNEJ ZAKŁADKI NA MOBILCE */
@media (max-width:900px){
  html[lang="pl"] .nav-links a{
    transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease !important;
  }

  html[lang="pl"] .nav-links a.active{
    color:#14082e !important;
    font-weight:900 !important;
    background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%) !important;
    border-color:#c4b5fd !important;
    box-shadow:
      0 0 0 2px rgba(196,181,253,0.15),
      0 0 18px rgba(167,139,250,0.48),
      inset 0 1px 0 rgba(255,255,255,0.24) !important;
    text-shadow:none !important;
    transform:translateY(-1px) scale(1.02) !important;
  }

  html[lang="pl"] .nav-links a.active svg{
    color:#14082e !important;
    filter:drop-shadow(0 0 4px rgba(255,255,255,0.22));
  }

  html[lang="pl"] .nav-links a:active{
    transform:scale(0.98) !important;
  }
}



/* MOBILE: stopka znajduje się na końcu strony zamiast być przyklejona do ekranu */
@media (max-width:900px){
  :root{--fixed-footer-height:0px !important}

  footer{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    z-index:5 !important;
    width:100% !important;
    height:auto !important;
    min-height:76px !important;
    padding:0.9rem 1rem !important;
    margin:0 !important;
    background:rgba(8,5,16,0.96) !important;
    border-top:1px solid rgba(109,40,217,0.18) !important;
    box-shadow:none !important;
  }

  .responsible-banner{
    padding:1rem !important;
  }
}



/* FINALNE MOBILNE MENU PL/EN: identyczny wygląd i układ */
@media (max-width:900px){
  nav{
    padding:0.7rem 0.72rem 0.58rem !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"logo live" "links links" !important;
    gap:0.55rem 0.65rem !important;
    align-items:center !important;
  }

  .nav-logo{
    grid-area:logo !important;
    font-size:1rem !important;
  }

  .live-badge{
    grid-area:live !important;
    justify-self:end !important;
    padding:0.44rem 0.72rem !important;
    font-size:0.68rem !important;
  }

  .nav-links{
    grid-area:links !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0.28rem !important;
    padding:0.28rem !important;
    margin:0 !important;
    overflow:visible !important;
    border-radius:16px !important;
    border:1px solid rgba(167,139,250,0.14) !important;
    background:rgba(6,3,13,0.94) !important;
    box-shadow:inset 0 0 0 1px rgba(196,181,253,0.025) !important;
  }

  .nav-links li,
  .nav-links li:nth-child(-n+3),
  .nav-links li:nth-child(n+4){
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    flex:none !important;
  }

  .nav-links a{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:38px !important;
    padding:0.48rem 0.12rem !important;
    justify-content:center !important;
    gap:0 !important;
    border-radius:8px !important;
    border:1px solid transparent !important;
    background:transparent !important;
    color:#8f84b8 !important;
    font-size:clamp(0.56rem,2.55vw,0.68rem) !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:-0.015em !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:center !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .nav-links a svg{
    display:none !important;
  }

  .nav-links a.active{
    color:#14082e !important;
    font-weight:900 !important;
    background:linear-gradient(180deg,#d4c8ff 0%,#a78bfa 100%) !important;
    border-color:rgba(237,233,254,0.9) !important;
    box-shadow:0 0 0 1px rgba(237,233,254,0.14),0 0 15px rgba(167,139,250,0.42),inset 0 1px 0 rgba(255,255,255,0.30) !important;
    text-shadow:none !important;
    transform:none !important;
  }

  .nav-links a.active::after{
    display:none !important;
  }

  .language-switcher{
    top:116px !important;
    right:10px !important;
  }

  .page-section,
  #ustawienia,
  #specyfikacja,
  #wspolprace,
  #kontakt,
  #o-mnie{
    scroll-margin-top:112px !important;
  }

  #home .hero,
  .hero{
    padding-top:7.7rem !important;
  }
}

@media (max-width:420px){
  nav{
    padding-left:0.55rem !important;
    padding-right:0.55rem !important;
  }

  .nav-links{
    gap:0.2rem !important;
    padding:0.22rem !important;
  }

  .nav-links a{
    min-height:36px !important;
    padding-left:0.04rem !important;
    padding-right:0.04rem !important;
    font-size:clamp(0.52rem,2.42vw,0.63rem) !important;
    border-radius:8px !important;
  }

  .language-switcher{
    top:111px !important;
    right:8px !important;
  }

  #home .hero,
  .hero{
    padding-top:7.4rem !important;
  }
}



/* FINAL MOBILE NAV — bliżej wzoru ze screena */
@media (max-width:900px){
  nav{
    padding:0.72rem 0.72rem 0.58rem !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"logo live" "links links" !important;
    gap:0.52rem 0.6rem !important;
    align-items:center !important;
  }

  .nav-logo{
    grid-area:logo !important;
    font-size:1rem !important;
    line-height:1 !important;
  }

  .live-badge{
    grid-area:live !important;
    justify-self:end !important;
    padding:0.42rem 0.7rem !important;
    font-size:0.68rem !important;
    border-radius:22px !important;
  }

  .nav-links{
    grid-area:links !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    align-items:center !important;
    gap:0.16rem !important;
    padding:0.22rem !important;
    margin:0 !important;
    list-style:none !important;
    overflow:visible !important;
    border-radius:16px !important;
    border:1px solid rgba(167,139,250,0.16) !important;
    background:rgba(6,3,13,0.88) !important;
    box-shadow:inset 0 0 0 1px rgba(196,181,253,0.03), 0 8px 20px rgba(0,0,0,0.18) !important;
  }

  .nav-links li{
    min-width:0 !important;
    display:block !important;
  }

  .nav-links a{
    width:100% !important;
    min-width:0 !important;
    min-height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0.48rem 0.16rem !important;
    border-radius:12px !important;
    border:1px solid transparent !important;
    background:transparent !important;
    color:#a39ac8 !important;
    font-size:0.68rem !important;
    font-weight:800 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    gap:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .nav-links a svg{display:none !important}

  .nav-links a:hover{
    color:#ede9fe !important;
    background:rgba(167,139,250,0.06) !important;
  }

  .nav-links a.active{
    color:#14082e !important;
    font-weight:900 !important;
    border-color:rgba(237,233,254,0.82) !important;
    background:linear-gradient(180deg,#d4c8ff 0%,#a78bfa 100%) !important;
    box-shadow:0 0 0 1px rgba(237,233,254,0.18), 0 0 16px rgba(167,139,250,0.42), inset 0 1px 0 rgba(255,255,255,0.34) !important;
  }

  .nav-links a.active::after{display:none !important}

  .page-section,
  #ustawienia,#specyfikacja,#wspolprace,#kontakt,#o-mnie{
    scroll-margin-top:108px !important;
  }

  #home .hero,
  .hero{
    padding-top:7.45rem !important;
  }
}

@media (max-width:420px){
  nav{
    padding:0.68rem 0.68rem 0.54rem !important;
    gap:0.5rem 0.56rem !important;
  }

  .nav-logo{font-size:1rem !important}

  .live-badge{
    padding:0.4rem 0.66rem !important;
    font-size:0.68rem !important;
  }

  .nav-links{
    gap:0.12rem !important;
    padding:0.2rem !important;
    border-radius:16px !important;
  }

  .nav-links a{
    min-height:33px !important;
    padding:0.46rem 0.1rem !important;
    font-size:0.68rem !important;
    border-radius:12px !important;
  }

  .page-section,
  #ustawienia,#specyfikacja,#wspolprace,#kontakt,#o-mnie{
    scroll-margin-top:104px !important;
  }

  #home .hero,
  .hero{
    padding-top:7.2rem !important;
  }
}



/* OSTATECZNA POPRAWKA: PL mobilka ma wyglądać jak EN */
@media (max-width:900px){
  html[lang="pl"] .nav-links{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:0.10rem !important;
    padding:0.18rem !important;
    overflow:hidden !important;
    border-radius:16px !important;
    border:1px solid rgba(167,139,250,0.16) !important;
    background:rgba(6,3,13,0.88) !important;
    box-shadow:inset 0 0 0 1px rgba(196,181,253,0.03), 0 8px 20px rgba(0,0,0,0.18) !important;
  }

  html[lang="pl"] .nav-links li{
    min-width:0 !important;
    width:100% !important;
  }

  html[lang="pl"] .nav-links a{
    width:100% !important;
    min-width:0 !important;
    min-height:34px !important;
    padding:0.5rem 0.02rem !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    font-size:clamp(0.47rem, 1.9vw, 0.56rem) !important;
    line-height:1 !important;
    letter-spacing:-0.01em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    gap:0 !important;
  }

  html[lang="pl"] .nav-links a.active{
    color:#14082e !important;
    font-weight:900 !important;
    border-color:rgba(237,233,254,0.82) !important;
    background:linear-gradient(180deg,#d4c8ff 0%,#a78bfa 100%) !important;
    box-shadow:0 0 0 1px rgba(237,233,254,0.18), 0 0 16px rgba(167,139,250,0.42), inset 0 1px 0 rgba(255,255,255,0.34) !important;
  }
}

@media (max-width:420px){
  html[lang="pl"] .nav-links{
    gap:0.08rem !important;
    padding:0.16rem !important;
  }

  html[lang="pl"] .nav-links a{
    min-height:33px !important;
    padding:0.48rem 0.01rem !important;
    font-size:clamp(0.44rem, 1.95vw, 0.52rem) !important;
    border-radius:12px !important;
  }
}



/* MOBILE: większy pasek i czytelniejsze napisy PL/EN */
@media (max-width:900px){
  .nav-links{
    padding:0.22rem !important;
    gap:0.12rem !important;
    border-radius:16px !important;
  }

  .nav-links a{
    min-height:40px !important;
    padding:0.58rem 0.05rem !important;
    border-radius:12px !important;
    font-size:0.68rem !important;
    line-height:1 !important;
  }

  html[lang="pl"] .nav-links a{
    min-height:40px !important;
    padding:0.58rem 0.02rem !important;
    font-size:clamp(0.55rem, 2.12vw, 0.62rem) !important;
    letter-spacing:-0.015em !important;
  }

  .page-section,
  #ustawienia,#specyfikacja,#wspolprace,#kontakt,#o-mnie{
    scroll-margin-top:114px !important;
  }

  #home .hero,
  .hero{
    padding-top:7.8rem !important;
  }
}

@media (max-width:420px){
  .nav-links{
    padding:0.2rem !important;
    gap:0.09rem !important;
  }

  .nav-links a{
    min-height:38px !important;
    padding:0.54rem 0.02rem !important;
    font-size:0.68rem !important;
    border-radius:12px !important;
  }

  html[lang="pl"] .nav-links a{
    min-height:38px !important;
    padding:0.54rem 0.01rem !important;
    font-size:clamp(0.51rem, 2.15vw, 0.58rem) !important;
  }

  .page-section,
  #ustawienia,#specyfikacja,#wspolprace,#kontakt,#o-mnie{
    scroll-margin-top:110px !important;
  }

  #home .hero,
  .hero{
    padding-top:7.55rem !important;
  }
}


/* =====================================================================
   DOPRACOWANIA (warstwa odświeżenia) — kolory bez zmian
   ===================================================================== */
:root{
  --font-display:"Orbitron",monospace;
  --font-sans:"Space Grotesk",system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;
  --line:rgba(139,92,246,.22);
  --focus:#c4b5fd;
}
html{-webkit-text-size-adjust:100%;scrollbar-color:#3a2a6a var(--bg);scrollbar-width:thin}
body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background:rgba(139,92,246,.4);color:#fff}
img{max-width:100%}
h1,h2,h3,.hero-desc{text-wrap:balance}
p{text-wrap:pretty}

/* focus: jeden, wyraźny styl dla całej strony */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}

/* nawigacja */
nav{background:rgba(8,5,16,.74);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom-color:var(--line)}
.nav-logo{letter-spacing:.04em}
.nav-links a{border-radius:10px;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}

/* typografia: Orbitron tylko jako akcent (logo, hero, kod, partner),
   tytuły sekcji w Space Grotesk — usuń ten blok, aby wrócić do Orbitrona */
#o-mnie .section-title,#wspolprace .section-title,
#ustawienia .settings-title,#specyfikacja .settings-title,
#kontakt .contact-title{font-family:var(--font-sans) !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.1 !important}
.section-text,.contact-text,.settings-subtitle{line-height:1.75;max-width:62ch}
.hero-desc{max-width:34rem}
.eyebrow,.section-eyebrow,.featured-partner-label,.giveaway-kicker{font-weight:700}

/* przyciski: wspólny rytm */
.btn,.config-btn,.partner-promo-link,.giveaway-cta{border-radius:var(--r-md);transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease)}
.btn:active,.config-btn:active,.partner-promo-link:active,.giveaway-cta:active{transform:translateY(0) scale(.985)}
.btn svg{display:block}

/* przyciski społecznościowe (wcześniej style inline) */
#home .social-btns .btn-twitch,#home .social-btns .btn-twitch:hover{background:#9146FF;border-color:transparent}
#home .social-btns .btn-x,#home .social-btns .btn-x:hover{background:#000;border-color:transparent}
#home .social-btns .btn-discord,#home .social-btns .btn-discord:hover{background:#5865F2;border-color:transparent}
#home .social-btns .btn-twitch:hover,#home .social-btns .btn-x:hover,#home .social-btns .btn-discord:hover{filter:brightness(1.12)}

/* galeria (wcześniej style inline) */
.gallery-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}
.gallery-slide:nth-child(1){background:linear-gradient(135deg,rgba(109,40,217,.2),rgba(167,139,250,.15))}
.gallery-slide:nth-child(2){background:linear-gradient(135deg,rgba(196,181,253,.1),rgba(109,40,217,.2))}
.gallery-slide:nth-child(3){background:linear-gradient(135deg,rgba(167,139,250,.15),rgba(196,181,253,.1))}
.gallery-slide:nth-child(4){background:linear-gradient(135deg,rgba(109,40,217,.18),rgba(196,181,253,.12))}
.gallery-slide:nth-child(5){background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(109,40,217,.16))}
.gallery-slide:nth-child(6){background:linear-gradient(135deg,rgba(196,181,253,.12),rgba(167,139,250,.14))}

/* karta partnera (wcześniej style inline) */
.partner-card-merged{display:flex;flex-direction:column;gap:0;width:100%;overflow:hidden;border-radius:var(--r-xl);border:1px solid rgba(167,139,250,.38);background:radial-gradient(ellipse 90% 140% at 0% 0%,rgba(167,139,250,.16),transparent 66%),linear-gradient(145deg,rgba(4,2,9,.78),rgba(22,13,44,.86));box-shadow:inset 0 0 42px rgba(167,139,250,.04),0 18px 40px rgba(0,0,0,.2)}
[data-giveaway-originals],[data-giveaway-clone]{display:contents}

/* ruch: szanuj preferencje użytkownika */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .reveal{opacity:1;animation:none}
}