/* WYGENEROWANE z makiety przez scripts/build_static.py - NIE EDYTUJ recznie. Scope: .page-kontakt */
: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;
      --green:#22c55e;
      --radius:10px;--radius-sm:8px;
      --gutter:clamp(16px,4vw,32px);
      --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);
      --shadow-hover:0 8px 32px rgba(76,158,207,.25);
      --font-heading:'Sora',sans-serif;
      --font-body:'DM Sans',sans-serif;
    }
html.dark {--white:#0f1722;--light:#1a2332;--text:#E8ECF1;--gray:#7a8494;--gray-dark:#9BA3AF;--shadow:0 4px 24px rgba(0,0,0,.3);--shadow-lg:0 12px 48px rgba(0,0,0,.4);--shadow-hover:0 8px 32px rgba(76,158,207,.3)}
html.dark body {background:var(--white);color:var(--text)}
@keyframes st-kontakt-fadeInUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes st-kontakt-gradientShift {0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}100%{opacity:.7;transform:scale(1.05)}}
@keyframes st-kontakt-pulse-shadow {0%{box-shadow:0 0 0 0 rgba(76,158,207,.5)}70%{box-shadow:0 0 0 14px rgba(76,158,207,0)}100%{box-shadow:0 0 0 0 rgba(76,158,207,0)}}
@keyframes st-kontakt-pulseGreen {0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.6)}50%{opacity:.6;box-shadow:0 0 8px 4px rgba(34,197,94,.3)}}
@keyframes st-kontakt-shimmer {0%{transform:translateX(-100%) skewX(-15deg)}100%{transform:translateX(260%) skewX(-15deg)}}
html.dark .contact-hero {background:#0f1722}
html.dark .contact-hero .hero-bg-grid {background-image:radial-gradient(rgba(76,158,207,.07) 1px,transparent 1px)}
html.dark .contact-hero .hero-gradient {background:none;animation:none}
html.dark .contact-breadcrumb {color:rgba(255,255,255,.5)}
html.dark .contact-breadcrumb a {color:var(--blue-light)}
html.dark .contact-status {background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.25);color:#4ade80}
html.dark .contact-h1 {color:#E8ECF1}
html.dark .contact-sub {color:rgba(255,255,255,.7)}
html.dark .contact-badge {background:rgba(76,158,207,.14);border-color:rgba(76,158,207,.22);color:var(--blue-light)}
html.dark .contact-main {background:var(--light)}
html.dark .contact-form-card {background:#1d2a3d;border-color:rgba(76,158,207,.12)}
html.dark .form-title {color:#E8ECF1}
html.dark .service-chip {background:rgba(255,255,255,.04);border-color:rgba(76,158,207,.15)}
html.dark .service-chip.selected {background:rgba(76,158,207,.15)}
html.dark .service-chip-label {color:var(--gray)}
html.dark .form-label {color:#E8ECF1}
html.dark .form-input,html.dark .form-select,html.dark .form-textarea {background:rgba(255,255,255,.06);border-color:rgba(76,158,207,.2);color:#E8ECF1}
html.dark .form-rodo-text {color:var(--gray)}
html.dark .sidebar-card {background:#1d2a3d;border-color:rgba(76,158,207,.12)}
html.dark .sidebar-card-title {color:var(--blue-light)}
html.dark .contact-detail {color:rgba(255,255,255,.85)}
html.dark .response-highlight {background:rgba(76,158,207,.1);border-color:rgba(76,158,207,.22)}
html.dark .response-num {color:var(--blue-light)}
html.dark .sidebar-social-link {background:rgba(255,255,255,.05);border-color:rgba(76,158,207,.1);color:#E8ECF1}
html.dark .calc-cta-card {background:linear-gradient(135deg,#0a1018,var(--navy-deep))}
html.dark .contact-process {background:var(--white)}
html.dark .process-step-num {background:#1d2a3d;border-color:rgba(76,158,207,.25)}
html.dark .process-step-title {color:#E8ECF1}
html.dark .contact-faq {background:var(--light)}
html.dark .faq-card {background:#1d2a3d;border-color:rgba(76,158,207,.12)}
html.dark .faq-card-q {color:#E8ECF1}
html.dark .faq-card-a {color:var(--gray)}
html.dark .contact-global {background:#0a1018}
html.dark .contact-global::before {background-image:radial-gradient(rgba(76,158,207,.07) 1px,transparent 1px)}
html.dark .global-h2 {color:#E8ECF1}
html.dark .global-sub {color:rgba(255,255,255,.6)}
html.dark .global-stats-row {background:rgba(255,255,255,.04);border-color:rgba(76,158,207,.15)}
html.dark .global-stat+.global-stat::before {background:rgba(255,255,255,.1)}
html.dark .global-stat-num {color:var(--blue-light)}
html.dark .global-stat-label {color:rgba(255,255,255,.5)}
html.dark .country-card {background:rgba(255,255,255,.05);border-color:rgba(76,158,207,.15)}
html.dark .country-card:hover {background:rgba(76,158,207,.1);border-color:rgba(76,158,207,.3)}
html.dark .country-name {color:#E8ECF1}
html.dark .country-note {color:rgba(255,255,255,.45)}
html.dark .country-card-more {background:rgba(76,158,207,.08);border-color:rgba(76,158,207,.25)}
html.dark .country-card-more .more-text {color:var(--blue-light)}
html.dark .remote-note {background:rgba(76,158,207,.08);border-color:rgba(76,158,207,.2)}
html.dark .remote-note p {color:rgba(255,255,255,.7)}
html.dark .remote-note strong {color:var(--blue-light)}
html.dark .cta-section {background:#0f1722}
html.dark .cta-section::before {background:none}
html.dark .cta-section::after {background-image:radial-gradient(rgba(76,158,207,.07) 1px,transparent 1px);background-size:32px 32px}

.page-kontakt {font-family:var(--font-body);color:var(--text);background:var(--white);line-height:1.6;overflow-x:clip}
.page-kontakt img {max-width:100%;height:auto;display:block}
.page-kontakt a {text-decoration:none;color:inherit}
.page-kontakt ul, .page-kontakt ol {list-style:none}
.page-kontakt button {border:none;background:none;cursor:pointer;font-family:inherit}
.page-kontakt h1, .page-kontakt h2, .page-kontakt h3, .page-kontakt h4 {font-family:var(--font-heading);line-height:1.2;font-weight:700}
.page-kontakt .container {width:100%;max-width:1280px;margin:0 auto;padding:0 var(--gutter)}
.page-kontakt :focus-visible {outline:2px solid var(--blue);outline-offset:3px;border-radius:var(--radius-sm)}
@media(prefers-reduced-motion:reduce) {
.page-kontakt *, .page-kontakt *::before, .page-kontakt *::after {animation-duration:.01ms!important;transition-duration:.01ms!important}
}
.page-kontakt .reveal {opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
.page-kontakt .reveal.visible {opacity:1;transform:translateY(0)}
.page-kontakt .btn {display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--radius);font-weight:600;font-size:.92rem;transition:var(--transition);cursor:pointer;font-family:var(--font-body);position:relative;overflow:hidden}
.page-kontakt .btn svg {width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.page-kontakt .btn-primary {background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 4px 20px rgba(76,158,207,.35)}
.page-kontakt .btn-primary::after {content:'';position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-15deg)}
.page-kontakt .btn-primary:hover {background:linear-gradient(135deg,var(--blue-dark),var(--blue-darker));box-shadow:0 8px 32px rgba(76,158,207,.45)}
.page-kontakt .btn-primary:hover::after {animation:st-kontakt-shimmer .65s ease-out}
.page-kontakt .btn-outline {border:2px solid var(--blue);color:var(--blue);background:transparent;border-radius:var(--radius)}
.page-kontakt .btn-outline:hover {background:var(--blue);color:#fff}
.page-kontakt .btn-white {background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);border-radius:var(--radius)}
.page-kontakt .btn-white:hover {background:rgba(255,255,255,.22)}
.page-kontakt .btn-pulse {animation:st-kontakt-pulse-shadow 2s ease-out infinite}
@media(max-width:767px) {
.page-kontakt .btn {padding:10px 18px;font-size:.88rem}
.page-kontakt .cta-buttons .btn {width:100%;justify-content:center}
}
.page-kontakt .section-label {display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:10px}
.page-kontakt .section-label::before {content:'';width:20px;height:2px;background:var(--blue);border-radius:2px}
.page-kontakt .section-label-light {color:var(--blue-light)}
.page-kontakt .section-label-light::before {background:var(--blue-light)}
.page-kontakt .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-kontakt .temp-dark-toggle:hover {background:var(--blue-dark);transform:scale(1.1)}
.page-kontakt .contact-hero {position:relative;background:var(--white);overflow:hidden;padding:108px 0 0}
@media(min-width:1024px) {
.page-kontakt .contact-hero {padding:136px 0 0}
}
.page-kontakt .contact-hero .hero-bg {position:absolute;inset:0;z-index:0}
.page-kontakt .contact-hero .hero-bg-grid {position:absolute;inset:0;background-image:radial-gradient(rgba(76,158,207,.1) 1px,transparent 1px);background-size:32px 32px}
.page-kontakt .contact-hero .hero-gradient {position:absolute;inset:0;background:radial-gradient(ellipse at 60% 0%,rgba(76,158,207,.09),transparent 50%),radial-gradient(ellipse at 5% 100%,rgba(107,180,223,.07),transparent 45%);animation:st-kontakt-gradientShift 15s ease-in-out infinite alternate}
.page-kontakt .contact-hero-inner {position:relative;z-index:2;text-align:center;max-width:680px;margin:0 auto;padding:0 var(--gutter) 56px}
.page-kontakt .contact-breadcrumb {display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:var(--gray-dark);margin-bottom:24px;animation:st-kontakt-fadeInUp .6s both}
.page-kontakt .contact-breadcrumb a {color:var(--blue);transition:var(--transition)}
.page-kontakt .contact-breadcrumb a:hover {color:var(--blue-dark)}
.page-kontakt .contact-breadcrumb .bc-sep {color:var(--gray)}
.page-kontakt .contact-status {display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:100px;font-size:.78rem;font-weight:600;color:#16a34a;margin-bottom:20px;animation:st-kontakt-fadeInUp .6s .05s both}
.page-kontakt .contact-status .pulse-dot {width:8px;height:8px;border-radius:50%;background:#22c55e;animation:st-kontakt-pulseGreen 2s infinite;flex-shrink:0}
.page-kontakt .contact-h1 {font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--text);letter-spacing:-.03em;margin-bottom:16px;animation:st-kontakt-fadeInUp .6s .1s both;line-height:1.15}
.page-kontakt .contact-h1 em {font-style:normal;background:linear-gradient(135deg,var(--blue),var(--blue-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-kontakt .contact-sub {font-size:1rem;color:var(--gray-dark);line-height:1.65;margin-bottom:28px;animation:st-kontakt-fadeInUp .6s .15s both}
.page-kontakt .contact-hero-badges {display:flex;flex-wrap:wrap;gap:8px;justify-content:center;animation:st-kontakt-fadeInUp .6s .2s both}
.page-kontakt .contact-badge {display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:rgba(76,158,207,.07);border:1px solid rgba(76,158,207,.12);border-radius:100px;font-size:.74rem;font-weight:600;color:var(--blue)}
.page-kontakt .contact-badge svg {width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2}
.page-kontakt .contact-main {padding:56px 0 88px;background:var(--light)}
.page-kontakt .contact-grid {display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}
@media(max-width:1199px) {
.page-kontakt .contact-grid {grid-template-columns:1fr 320px}
}
@media(max-width:1023px) {
.page-kontakt .contact-grid {grid-template-columns:1fr}
}
.page-kontakt .contact-form-card {background:var(--white);border-radius:16px;padding:36px 40px;border:1px solid rgba(76,158,207,.1);box-shadow:var(--shadow)}
@media(max-width:639px) {
.page-kontakt .contact-form-card {padding:24px 20px}
}
.page-kontakt .form-title {font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:6px}
.page-kontakt .form-subtitle {font-size:.88rem;color:var(--gray-dark);margin-bottom:28px}
.page-kontakt .form-service-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}
@media(max-width:639px) {
.page-kontakt .form-service-grid {grid-template-columns:repeat(2,1fr)}
}
.page-kontakt .service-chip {display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:2px solid rgba(76,158,207,.12);border-radius:var(--radius);background:var(--light);cursor:pointer;transition:var(--transition);text-align:center}
.page-kontakt .service-chip:hover {border-color:var(--blue);background:rgba(76,158,207,.06)}
.page-kontakt .service-chip.selected {border-color:var(--blue);background:rgba(76,158,207,.1);box-shadow:0 0 0 3px rgba(76,158,207,.12)}
.page-kontakt .service-chip svg {width:20px;height:20px;stroke:var(--gray-dark);fill:none;stroke-width:1.8;transition:stroke var(--transition)}
.page-kontakt .service-chip.selected svg, .page-kontakt .service-chip:hover svg {stroke:var(--blue)}
.page-kontakt .service-chip-label {font-size:.72rem;font-weight:600;color:var(--gray-dark);transition:color var(--transition)}
.page-kontakt .service-chip.selected .service-chip-label, .page-kontakt .service-chip:hover .service-chip-label {color:var(--blue)}
.page-kontakt .form-row {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:639px) {
.page-kontakt .form-row {grid-template-columns:1fr}
}
.page-kontakt .form-group {display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.page-kontakt .form-group:last-of-type {margin-bottom:0}
.page-kontakt .form-label {font-size:.82rem;font-weight:600;color:var(--text)}
.page-kontakt .form-label span {color:var(--blue);margin-left:2px}
.page-kontakt .form-input, .page-kontakt .form-select, .page-kontakt .form-textarea {width:100%;padding:11px 14px;border:1.5px solid rgba(76,158,207,.15);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;color:var(--text);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition)}
.page-kontakt .form-input:focus, .page-kontakt .form-select:focus, .page-kontakt .form-textarea:focus {outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(76,158,207,.12)}
.page-kontakt .form-input::placeholder, .page-kontakt .form-textarea::placeholder {color:var(--gray)}
.page-kontakt .form-select {appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239BA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.page-kontakt .form-textarea {resize:vertical;min-height:120px;line-height:1.6}
.page-kontakt .form-hint {font-size:.75rem;color:var(--gray);margin-top:3px}
.page-kontakt .form-rodo {display:flex;align-items:flex-start;gap:10px;margin:20px 0}
.page-kontakt .form-rodo input[type=checkbox] {width:18px;height:18px;border:1.5px solid rgba(76,158,207,.3);border-radius:4px;cursor:pointer;flex-shrink:0;margin-top:2px;accent-color:var(--blue)}
.page-kontakt .form-rodo-text {font-size:.78rem;color:var(--gray-dark);line-height:1.5}
.page-kontakt .form-rodo-text a {color:var(--blue);text-decoration:underline}
.page-kontakt .form-submit {display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.page-kontakt .form-note {font-size:.75rem;color:var(--gray-dark);display:flex;align-items:center;gap:5px}
.page-kontakt .form-note svg {width:13px;height:13px;stroke:var(--blue);fill:none;stroke-width:2;flex-shrink:0}
.page-kontakt .form-success {display:none;text-align:center;padding:40px 20px}
.page-kontakt .form-success.visible {display:block}
.page-kontakt .form-success-icon {width:64px;height:64px;border-radius:50%;background:rgba(34,197,94,.1);border:2px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.page-kontakt .form-success-icon svg {width:28px;height:28px;stroke:#22c55e;fill:none;stroke-width:2.5}
.page-kontakt .contact-sidebar {display:flex;flex-direction:column;gap:16px}
.page-kontakt .sidebar-card {background:var(--white);border-radius:var(--radius);padding:22px 24px;border:1px solid rgba(76,158,207,.1)}
.page-kontakt .sidebar-card-title {font-family:var(--font-heading);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:14px;display:flex;align-items:center;gap:6px}
.page-kontakt .sidebar-card-title svg {width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.page-kontakt .contact-detail {display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.88rem;color:var(--text)}
.page-kontakt .contact-detail:last-child {margin-bottom:0}
.page-kontakt .contact-detail-icon {width:32px;height:32px;border-radius:var(--radius-sm);background:rgba(76,158,207,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.page-kontakt .contact-detail-icon svg {width:15px;height:15px;stroke:var(--blue);fill:none;stroke-width:2}
.page-kontakt .contact-detail-label {font-size:.68rem;color:var(--gray-dark);display:block;margin-bottom:1px}
.page-kontakt .contact-detail-value {font-weight:600}
.page-kontakt .contact-detail-value a {color:var(--blue)}
.page-kontakt .contact-detail-value a:hover {color:var(--blue-dark);text-decoration:underline}
.page-kontakt .response-highlight {background:linear-gradient(135deg,rgba(76,158,207,.07),rgba(76,158,207,.03));border:1px solid rgba(76,158,207,.2);border-radius:var(--radius);padding:16px 18px;text-align:center}
.page-kontakt .response-num {font-family:var(--font-heading);font-size:2.2rem;font-weight:800;color:var(--blue);line-height:1}
.page-kontakt .response-label {font-size:.78rem;color:var(--gray-dark);margin-top:4px}
.page-kontakt .sidebar-social {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.page-kontakt .sidebar-social-link {display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--light);border:1px solid rgba(76,158,207,.1);border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;color:var(--text);transition:var(--transition)}
.page-kontakt .sidebar-social-link:hover {background:rgba(76,158,207,.08);border-color:rgba(76,158,207,.25);color:var(--blue)}
.page-kontakt .sidebar-social-link svg {width:14px;height:14px;stroke:var(--blue);fill:none;stroke-width:1.8;flex-shrink:0}
.page-kontakt .preferred-badge {display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:100px;background:var(--blue);color:#fff;margin-left:6px}
.page-kontakt .calc-cta-card {background:linear-gradient(135deg,var(--navy-deep),#1a2a3f);border-radius:var(--radius);padding:20px 22px;color:#fff}
.page-kontakt .calc-cta-card h3 {font-family:var(--font-heading);font-size:.92rem;font-weight:700;color:#E8ECF1;margin-bottom:6px}
.page-kontakt .calc-cta-card p {font-size:.78rem;color:rgba(255,255,255,.6);line-height:1.5;margin-bottom:14px}
.page-kontakt .calc-cta-card .btn {width:100%;justify-content:center;font-size:.8rem;padding:9px 14px}
.page-kontakt .contact-process {padding:72px 0;background:var(--white)}
.page-kontakt .process-steps-row {display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;position:relative}
@media(max-width:767px) {
.page-kontakt .process-steps-row {grid-template-columns:1fr;gap:16px}
}
.page-kontakt .process-steps-row::before {content:'';position:absolute;top:32px;left:16.67%;right:16.67%;height:2px;background:linear-gradient(90deg,rgba(76,158,207,.3),rgba(76,158,207,.1));z-index:0}
@media(max-width:767px) {
.page-kontakt .process-steps-row::before {display:none}
}
.page-kontakt .process-step-item {text-align:center;padding:0 24px;position:relative;z-index:1}
@media(max-width:767px) {
.page-kontakt .process-step-item {text-align:left;display:flex;gap:16px;align-items:flex-start;padding:0}
}
.page-kontakt .process-step-num {width:64px;height:64px;border-radius:50%;background:var(--light);border:2px solid rgba(76,158,207,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;transition:var(--transition)}
.page-kontakt .process-step-item:hover .process-step-num {border-color:var(--blue);background:rgba(76,158,207,.08)}
.page-kontakt .process-step-num svg {width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.8}
.page-kontakt .process-step-num .step-badge {position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--font-heading);font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center}
@media(max-width:767px) {
.page-kontakt .process-step-num {margin:0;flex-shrink:0}
}
.page-kontakt .process-step-body {}
.page-kontakt .process-step-title {font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:6px}
.page-kontakt .process-step-desc {font-size:.82rem;color:var(--gray-dark);line-height:1.55}
.page-kontakt .contact-faq {padding:72px 0;background:var(--light)}
.page-kontakt .faq-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
@media(max-width:767px) {
.page-kontakt .faq-grid {grid-template-columns:1fr}
}
.page-kontakt .faq-card {background:var(--white);border-radius:var(--radius);padding:22px 24px;border:1px solid rgba(76,158,207,.1)}
.page-kontakt .faq-card-q {font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:8px;display:flex;align-items:flex-start;gap:8px}
.page-kontakt .faq-card-q svg {width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:2;flex-shrink:0;margin-top:2px}
.page-kontakt .faq-card-a {font-size:.85rem;color:var(--gray-dark);line-height:1.65}
.page-kontakt .faq-card-a a {color:var(--blue);font-weight:500}
.page-kontakt .contact-global {padding:80px 0;background:var(--light);position:relative;overflow:hidden}
.page-kontakt .contact-global::before {content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(76,158,207,.09) 1px,transparent 1px);background-size:40px 40px}
.page-kontakt .contact-global::after {content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(76,158,207,.15) 20%,rgba(76,158,207,.15) 80%,transparent);transform:translateY(-50%)}
.page-kontakt .global-header {position:relative;z-index:2;text-align:center;margin-bottom:52px}
.page-kontakt .global-h2 {font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.03em}
.page-kontakt .global-sub {font-size:1rem;color:var(--gray-dark);max-width:520px;margin:0 auto;line-height:1.7}
.page-kontakt .global-stats-row {display:flex;justify-content:center;gap:0;position:relative;z-index:2;margin-bottom:52px;background:rgba(76,158,207,.04);border:1px solid rgba(76,158,207,.1);border-radius:var(--radius);overflow:hidden;max-width:480px;margin-left:auto;margin-right:auto}
.page-kontakt .global-stat {text-align:center;padding:16px 24px;position:relative;flex:1}
.page-kontakt .global-stat+.global-stat::before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:rgba(76,158,207,.18)}
.page-kontakt .global-stat-num {font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--blue);line-height:1;margin-bottom:3px}
.page-kontakt .global-stat-label {font-size:.7rem;color:var(--gray-dark)}
.page-kontakt .countries-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:2;max-width:900px;margin:0 auto}
@media(max-width:1023px) {
.page-kontakt .countries-grid {grid-template-columns:repeat(3,1fr)}
}
@media(max-width:639px) {
.page-kontakt .countries-grid {grid-template-columns:repeat(2,1fr)}
}
.page-kontakt .country-card {background:var(--white);border:1px solid rgba(76,158,207,.1);border-radius:var(--radius);padding:14px 16px;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);display:flex;align-items:center;gap:10px}
.page-kontakt .country-card:hover {background:rgba(76,158,207,.05);border-color:rgba(76,158,207,.25);box-shadow:0 4px 16px rgba(76,158,207,.08)}
.page-kontakt .country-flag {font-size:1.6rem;line-height:1;flex-shrink:0}
.page-kontakt .country-name {font-family:var(--font-heading);font-size:.82rem;font-weight:700;color:var(--text);line-height:1.2}
.page-kontakt .country-note {font-size:.68rem;color:var(--gray-dark);margin-top:2px}
.page-kontakt .country-card-more {background:linear-gradient(135deg,rgba(76,158,207,.08),rgba(76,158,207,.04));border:1px dashed rgba(76,158,207,.3);justify-content:center;flex-direction:column;text-align:center;gap:4px}
.page-kontakt .country-card-more .more-icon {font-size:1.4rem}
.page-kontakt .country-card-more .more-text {font-family:var(--font-heading);font-size:.78rem;font-weight:700;color:var(--blue)}
.page-kontakt .country-card-more .more-sub {font-size:.65rem;color:var(--gray-dark)}
.page-kontakt .remote-note {position:relative;z-index:2;text-align:center;margin-top:40px;padding:18px 24px;background:rgba(76,158,207,.06);border:1px solid rgba(76,158,207,.15);border-radius:var(--radius);max-width:640px;margin-left:auto;margin-right:auto}
.page-kontakt .remote-note p {font-size:.88rem;color:var(--gray-dark);line-height:1.65}
.page-kontakt .remote-note strong {color:var(--blue);font-weight:600}
.page-kontakt .cta-section {padding:88px 0;background:linear-gradient(135deg,var(--blue),var(--blue-dark));position:relative;overflow:hidden;text-align:center;color:#fff}
.page-kontakt .cta-section::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(255,255,255,.1),transparent 50%),radial-gradient(ellipse at bottom right,rgba(14,20,30,.35),transparent 60%);pointer-events:none}
.page-kontakt .cta-section::after {content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.page-kontakt .cta-section .container {position:relative;z-index:1}
.page-kontakt .cta-section h2 {font-family:var(--font-heading);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:14px}
.page-kontakt .cta-section p {font-size:1rem;color:rgba(255,255,255,.85);max-width:460px;margin:0 auto 32px;line-height:1.7}
.page-kontakt .cta-buttons {display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.page-kontakt .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-kontakt .scroll-top.visible {opacity:1;pointer-events:auto;transform:translateY(0)}
.page-kontakt .scroll-top svg {width:20px;height:20px;fill:#fff;stroke:none}
@media(max-width:1023px) {
.page-kontakt .scroll-top {bottom:72px;right:16px}
}
.page-kontakt .sticky-cta {position:fixed;bottom:0;left:0;right:0;z-index:998;background:rgba(20,29,41,.95);backdrop-filter:blur(16px);border-top:1px solid rgba(76,158,207,.2);padding:10px 16px;display:flex;gap:10px;opacity:0;pointer-events:none;transition:var(--transition);transform:translateY(100%)}
.page-kontakt .sticky-cta.visible {opacity:1;pointer-events:auto;transform:translateY(0)}
.page-kontakt .sticky-cta .btn {flex:1;justify-content:center;padding:10px 16px;font-size:.88rem}
@media(min-width:1024px) {
.page-kontakt .sticky-cta {display:none}
}