/* WYGENEROWANE z makiety przez scripts/build_static.py - NIE EDYTUJ recznie. Scope: .page-links */
:root {
      --navy:#1e2a3a;--navy-deep:#141d29;
      --blue:#4c9ecf;--blue-light:#6bb4df;--blue-dark:#3a7fad;--blue-darker:#2d6a94;
      --white:#FFFFFF;--light:#F4F6F9;
      --gray:#9BA3AF;--gray-dark:#6B7280;--text:#273043;--text-light:#E8ECF1;
      --radius:10px;--radius-sm:8px;
      --transition:0.35s cubic-bezier(.4,0,.2,1);
      --shadow:0 4px 24px rgba(30,42,58,.12);
      --shadow-lg:0 12px 48px rgba(30,42,58,.18);
      --font-heading:'Sora',sans-serif;
      --font-body:'DM Sans',sans-serif;
    }
html.dark {--white:#0f1722;--light:#1a2332;--text:#E8ECF1;--text-light:#E8ECF1;--gray:#7a8494;--gray-dark:#9BA3AF}
html.dark body {background:var(--white);color:var(--text)}
html.dark body {background:var(--navy-deep)}
@keyframes st-links-fadeInUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
html.dark .link-item {background:#1d2a3d;border-color:rgba(76,158,207,.15)}
html.dark .link-item:hover {background:#253447}
html.dark .link-item-icon {background:rgba(76,158,207,.14)}

.page-links {font-family:var(--font-body);color:var(--text);background:var(--light);line-height:1.6;min-height:100vh}
.page-links a {text-decoration:none;color:inherit}
@media(prefers-reduced-motion:reduce) {
.page-links *, .page-links *::before, .page-links *::after {animation-duration:.01ms!important;transition-duration:.01ms!important}
}
.page-links .temp-dark-toggle {position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:500;box-shadow:0 4px 16px rgba(76,158,207,.3);font-size:1.2rem;border:none;transition:var(--transition)}
.page-links .temp-dark-toggle:hover {background:var(--blue-dark);transform:scale(1.1)}
.page-links .scroll-top {position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:var(--radius);background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:400;box-shadow:0 4px 20px rgba(76,158,207,.4);transition:var(--transition);border:none;opacity:0;pointer-events:none;transform:translateY(8px)}
.page-links .scroll-top.visible {opacity:1;pointer-events:auto;transform:translateY(0)}
.page-links .scroll-top:hover {box-shadow:0 8px 28px rgba(76,158,207,.6)}
.page-links .scroll-top svg {width:20px;height:20px;fill:#fff;stroke:none}
@media(max-width:1023px) {
.page-links .scroll-top {bottom:72px;right:16px}
}
.page-links .links-page {display:flex;flex-direction:column;align-items:center;padding:120px 16px 80px;min-height:100vh}
@media (max-width:1023px){.page-links .links-page {padding-top:90px}}
.page-links .links-card {width:100%;max-width:500px;animation:st-links-fadeInUp .6s ease both}
.page-links .links-profile {text-align:center;margin-bottom:40px}
.page-links .links-avatar {width:100px;height:100px;border-radius:50%;border:3px solid var(--blue);object-fit:cover;margin:0 auto 18px;display:block;box-shadow:0 0 0 6px rgba(76,158,207,.12)}
.page-links .links-name {font-family:var(--font-heading);font-size:1.45rem;font-weight:700;color:var(--text);margin-bottom:6px}
.page-links .links-tagline {font-size:.92rem;color:var(--gray-dark);line-height:1.6;max-width:340px;margin:0 auto 20px}
.page-links .links-badges {display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.page-links .links-badge {font-size:.72rem;font-weight:600;padding:4px 12px;border-radius:20px;background:rgba(76,158,207,.1);color:var(--blue);border:1px solid rgba(76,158,207,.2)}
.page-links .links-group {margin-bottom:24px}
.page-links .links-group-label {font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:10px;padding-left:4px;display:flex;align-items:center;gap:8px}
.page-links .links-group-label::after {content:'';flex:1;height:1px;background:rgba(76,158,207,.2);border-radius:1px}
.page-links .link-item {display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;border-radius:var(--radius);background:var(--white);border:1px solid rgba(76,158,207,.12);margin-bottom:10px;transition:var(--transition);color:var(--text);font-size:.95rem;font-weight:500;position:relative}
.page-links .link-item:hover {border-color:var(--blue);box-shadow:0 4px 20px rgba(76,158,207,.15);background:var(--white)}
.page-links .link-item-icon {width:38px;height:38px;border-radius:8px;background:rgba(76,158,207,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.page-links .link-item-icon svg {width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-links .link-item-text {flex:1;line-height:1.3}
.page-links .link-item-arrow {width:16px;height:16px;stroke:var(--gray);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:stroke var(--transition)}
.page-links .link-item:hover .link-item-arrow {stroke:var(--blue)}
.page-links .links-footer {margin-top:40px;text-align:center;font-size:.8rem;color:var(--gray)}
.page-links .links-footer a {color:var(--blue)}