:root:where([data-strona=kontakt]){--bg:#050706;--panel:#090d0a;--panel2:#0d120f;--line:#ffffff1a;--line2:#ffffff2e;--text:#f4f7f5;--muted:#8a958f;--green:#00f38b;--max:1480px;--ease:cubic-bezier(.18,.82,.22,1)}:where([data-strona=kontakt]) *{box-sizing:border-box}html:where([data-strona=kontakt]){scroll-behavior:smooth}:where([data-strona=kontakt]) body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}:where([data-strona=kontakt]) a{color:inherit;text-decoration:none}:where([data-strona=kontakt]) button,:where([data-strona=kontakt]) input,:where([data-strona=kontakt]) textarea,:where([data-strona=kontakt]) select{font:inherit}:where([data-strona=kontakt]) img{width:100%;display:block}:where([data-strona=kontakt]) .container{width:min(calc(100% - 44px),var(--max));margin-inline:auto}:where([data-strona=kontakt]) .green{color:var(--green)}:where([data-strona=kontakt]) .reveal{opacity:0;transition:opacity .65s var(--ease),transform .65s var(--ease);transform:translateY(20px)}:where([data-strona=kontakt]) .reveal.in{opacity:1;transform:none}:where([data-strona=kontakt]) .nav{z-index:100;width:100%;transition:.3s var(--ease);padding:18px 0;position:fixed;top:0;left:0}:where([data-strona=kontakt]) .nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#050706e6;padding:10px 0}:where([data-strona=kontakt]) .nav-inner{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}:where([data-strona=kontakt]) .logo img{width:170px}:where([data-strona=kontakt]) .nav-center{gap:26px;display:flex}:where([data-strona=kontakt]) .nav-center a{color:#aab3ae;font-size:9px}:where([data-strona=kontakt]) .nav-right{justify-self:end}:where([data-strona=kontakt]) .nav-back{border:1px solid var(--line);color:#a6b0aa;border-radius:999px;padding:9px 12px;font-size:9px;display:inline-flex}:where([data-strona=kontakt]) .contact-hero{--mx:72%;--my:35%;isolation:isolate;background:#050706;min-height:100svh;position:relative;overflow:hidden}:where([data-strona=kontakt]) .contact-bg{z-index:-4;position:absolute;inset:0}:where([data-strona=kontakt]) .contact-bg img{object-fit:cover;object-position:52% center;filter:brightness(.3)saturate(.64);height:105%;transform:scale(1.035)}:where([data-strona=kontakt]) .contact-shade{z-index:-3;background:linear-gradient(90deg,#030504f7,#030504bf 43%,#03050480 67%,#030504c2),linear-gradient(#0000 42%,#030504f0);position:absolute;inset:0}:where([data-strona=kontakt]) .contact-grid-bg{z-index:-2;opacity:.065;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff13 1px,#0000 1px);background-size:76px 76px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 86%);mask-image:linear-gradient(90deg,#000,#0000 86%)}:where([data-strona=kontakt]) .contact-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle 420px at var(--mx) var(--my), #00f38b1c,#00f38b05 46%,transparent 73%);position:absolute;inset:0}:where([data-strona=kontakt]) .hero-layout{grid-template-columns:.9fr 1.1fr;align-items:end;gap:70px;min-height:100svh;padding:130px 0 44px;display:grid}:where([data-strona=kontakt]) .contact-intro{padding-bottom:20px}:where([data-strona=kontakt]) .kicker{letter-spacing:.16em;color:#a9b2ac;align-items:center;gap:10px;margin-bottom:15px;font-size:8px;font-weight:700;display:flex}:where([data-strona=kontakt]) .kicker:before{content:"";background:var(--green);width:24px;height:1px}:where([data-strona=kontakt]) .contact-intro h1{letter-spacing:-.085em;margin:0;font:800 clamp(68px,9vw,145px)/.77 Manrope}:where([data-strona=kontakt]) .contact-intro h1 span{display:block}:where([data-strona=kontakt]) .contact-intro h1 .soft{color:#d3d9d5;font-weight:430}:where([data-strona=kontakt]) .contact-intro>p{color:#c2cac5;max-width:610px;margin:24px 0 28px;font-size:13px;line-height:1.76}:where([data-strona=kontakt]) .quick-contact{border-top:1px solid #ffffff21}:where([data-strona=kontakt]) .contact-row{min-height:74px;transition:.3s var(--ease);border-bottom:1px solid #ffffff21;grid-template-columns:90px 1fr auto;align-items:center;gap:14px;display:grid}:where([data-strona=kontakt]) .contact-row:hover{background:#ffffff05;padding-left:7px}:where([data-strona=kontakt]) .contact-row small{letter-spacing:.13em;color:#68746d;font-size:8px;font-weight:700}:where([data-strona=kontakt]) .contact-row strong{color:#f3f6f4;font:600 15px/1.1 Manrope}:where([data-strona=kontakt]) .contact-row i{color:var(--green);transition:.3s var(--ease);font-size:14px;font-style:normal}:where([data-strona=kontakt]) .contact-row:hover i{transform:translate(4px)}:where([data-strona=kontakt]) .form-wrap{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 100% 0,#00f38b0e,#0000 26%),#070a08d6;border:1px solid #ffffff24;position:relative;overflow:hidden}:where([data-strona=kontakt]) .form-wrap:before{content:"";background:linear-gradient(var(--green),transparent);width:2px;height:120px;position:absolute;top:0;left:0}:where([data-strona=kontakt]) .form-head{border-bottom:1px solid var(--line);padding:24px 24px 20px}:where([data-strona=kontakt]) .form-head small{color:var(--green);letter-spacing:.14em;margin-bottom:8px;font-size:8px;font-weight:700;display:block}:where([data-strona=kontakt]) .form-head h2{letter-spacing:-.055em;margin:0;font:730 clamp(34px,4vw,54px)/.94 Manrope}:where([data-strona=kontakt]) .form-head p{color:#8f9a94;margin:11px 0 0;font-size:10px;line-height:1.65}:where([data-strona=kontakt]) .contact-form{padding:6px 24px 24px}:where([data-strona=kontakt]) .form-grid{grid-template-columns:1fr 1fr;display:grid}:where([data-strona=kontakt]) .field{border-bottom:1px solid var(--line);padding:18px 0 15px;position:relative}:where([data-strona=kontakt]) .field:nth-child(odd):not(.full){border-right:1px solid var(--line);padding-right:18px}:where([data-strona=kontakt]) .field:nth-child(2n):not(.full){padding-left:18px}:where([data-strona=kontakt]) .field.full{grid-column:1/-1}:where([data-strona=kontakt]) .field label{letter-spacing:.12em;color:#69756e;margin-bottom:8px;font-size:8px;font-weight:700;transition:all .25s;display:block}:where([data-strona=kontakt]) .field input,:where([data-strona=kontakt]) .field textarea,:where([data-strona=kontakt]) .field select{color:#f3f6f4;resize:none;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:12px}:where([data-strona=kontakt]) .field input::placeholder,:where([data-strona=kontakt]) .field textarea::placeholder{color:#4f5a54}:where([data-strona=kontakt]) .field textarea{min-height:92px;line-height:1.6}:where([data-strona=kontakt]) .field select{appearance:none;cursor:pointer}:where([data-strona=kontakt]) .field select option{color:#fff;background:#0b100d}:where([data-strona=kontakt]) .field:after{content:"";background:var(--green);transform-origin:0;height:1px;transition:.35s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}:where([data-strona=kontakt]) .field:focus-within:after{transform:scaleX(1)}:where([data-strona=kontakt]) .field:focus-within label{color:var(--green)}:where([data-strona=kontakt]) .form-footer{grid-template-columns:1fr auto;align-items:center;gap:20px;padding-top:18px;display:grid}:where([data-strona=kontakt]) .consent{color:#6c7871;align-items:flex-start;gap:10px;font-size:8px;line-height:1.55;display:flex}:where([data-strona=kontakt]) .consent input{accent-color:var(--green);margin-top:2px}:where([data-strona=kontakt]) .submit{background:var(--green);color:#00170d;cursor:pointer;min-height:48px;transition:.35s var(--ease);border:0;border-radius:999px;align-items:center;gap:14px;padding:0 9px 0 17px;font-size:9px;font-weight:800;display:flex}:where([data-strona=kontakt]) .submit b{width:32px;height:32px;transition:.35s var(--ease);background:#0000001a;border-radius:50%;place-items:center;display:grid}:where([data-strona=kontakt]) .submit:hover{transform:translateY(-2px)}:where([data-strona=kontakt]) .submit:hover b{transform:translate(3px)}:where([data-strona=kontakt]) .form-status{color:#a8b5ae;background:#00f38b0b;border:1px solid #00f38b38;grid-column:1/-1;margin-top:10px;padding:11px 13px;font-size:9px;line-height:1.55;display:none}:where([data-strona=kontakt]) .form-status.show{display:block}:where([data-strona=kontakt]) .options{border-top:1px solid var(--line);background:#070a08;padding:78px 0}:where([data-strona=kontakt]) .options-head{grid-template-columns:1fr .5fr;align-items:end;gap:60px;margin-bottom:22px;display:grid}:where([data-strona=kontakt]) .options-head small{color:var(--green);letter-spacing:.14em;margin-bottom:8px;font-size:8px;font-weight:700;display:block}:where([data-strona=kontakt]) .options-head h2{letter-spacing:-.06em;margin:0;font:740 clamp(40px,5vw,74px)/.93 Manrope}:where([data-strona=kontakt]) .options-head p{color:#849089;justify-self:end;max-width:450px;margin:0;font-size:10px;line-height:1.7}:where([data-strona=kontakt]) .option-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}:where([data-strona=kontakt]) .option{border:1px solid var(--line);background:var(--panel);min-height:240px;transition:.35s var(--ease);padding:22px;position:relative;overflow:hidden}:where([data-strona=kontakt]) .option:after{content:"";opacity:0;background:radial-gradient(circle,#00f38b1a,#0000 70%);border-radius:50%;width:220px;height:220px;transition:all .35s;position:absolute;top:-120px;right:-120px}:where([data-strona=kontakt]) .option:hover{background:#0b100d;border-color:#ffffff26;transform:translateY(-3px)}:where([data-strona=kontakt]) .option:hover:after{opacity:1}:where([data-strona=kontakt]) .option-num{color:var(--green);font-size:8px;font-weight:700}:where([data-strona=kontakt]) .option h3{letter-spacing:-.045em;margin:62px 0 12px;font:700 28px/.96 Manrope}:where([data-strona=kontakt]) .option p{color:#818d86;margin:0;font-size:9.5px;line-height:1.67}:where([data-strona=kontakt]) .option i{color:#536058;font-size:16px;font-style:normal;transition:all .3s;position:absolute;bottom:18px;right:20px}:where([data-strona=kontakt]) .option:hover i{color:var(--green);transform:translate(3px,-3px)}:where([data-strona=kontakt]) .social{background:#070a08;padding:0 0 78px}:where([data-strona=kontakt]) .social-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}:where([data-strona=kontakt]) .social-card{border:1px solid var(--line);background:var(--panel);min-height:180px;transition:.35s var(--ease);grid-template-columns:1fr auto;align-items:end;padding:22px;display:grid}:where([data-strona=kontakt]) .social-card:hover{background:#0b100d;border-color:#ffffff26}:where([data-strona=kontakt]) .social-card small{color:var(--green);letter-spacing:.14em;margin-bottom:9px;font-size:8px;font-weight:700;display:block}:where([data-strona=kontakt]) .social-card strong{letter-spacing:-.045em;font:700 30px/1 Manrope}:where([data-strona=kontakt]) .social-card span{color:#78847d;margin-top:8px;font-size:9px;display:block}:where([data-strona=kontakt]) .social-arrow{border:1px solid var(--line2);width:48px;height:48px;color:var(--green);transition:.35s var(--ease);border-radius:50%;place-items:center;font-size:16px;display:grid}:where([data-strona=kontakt]) .social-card:hover .social-arrow{background:var(--green);color:#00170d;transform:rotate(45deg)}:where([data-strona=kontakt]) .final{border-top:1px solid var(--line);min-height:480px;position:relative;overflow:hidden}:where([data-strona=kontakt]) .final img{object-fit:cover;object-position:55% center;filter:brightness(.4)saturate(.72);height:100%;transition:1s var(--ease);position:absolute;inset:0}:where([data-strona=kontakt]) .final:hover img{filter:brightness(.48)saturate(.85);transform:scale(1.025)}:where([data-strona=kontakt]) .final:after{content:"";background:linear-gradient(90deg,#030504f0,#03050459 60%,#03050429),linear-gradient(#0000 42%,#030504d9);position:absolute;inset:0}:where([data-strona=kontakt]) .final-content{z-index:2;grid-template-columns:1fr .45fr;align-items:end;gap:60px;min-height:480px;padding:54px 0;display:grid;position:relative}:where([data-strona=kontakt]) .final small{color:var(--green);letter-spacing:.14em;margin-bottom:8px;font-size:8px;font-weight:700;display:block}:where([data-strona=kontakt]) .final h2{letter-spacing:-.065em;margin:0;font:750 clamp(42px,5.3vw,82px)/.92 Manrope}:where([data-strona=kontakt]) .final-side p{color:#bac3bd;margin:0 0 17px;font-size:10px;line-height:1.7}:where([data-strona=kontakt]) .final-btn{background:var(--green);color:#00170d;border-radius:999px;align-items:center;min-height:46px;padding:0 16px;font-size:9px;font-weight:800;display:inline-flex}:where([data-strona=kontakt]) footer{border-top:1px solid var(--line);background:#050705;padding:30px 0 22px}:where([data-strona=kontakt]) .footer-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;display:grid}:where([data-strona=kontakt]) .footer-row img{width:160px}:where([data-strona=kontakt]) .footer-row span{color:#59645e;justify-self:center;font-size:7px}:where([data-strona=kontakt]) .footer-links{justify-self:end;gap:16px;display:flex}:where([data-strona=kontakt]) .footer-links a{color:#7f8a84;font-size:8px}@media (max-width:1000px){:where([data-strona=kontakt]) .nav-center{display:none}:where([data-strona=kontakt]) .nav-inner{grid-template-columns:1fr auto}:where([data-strona=kontakt]) .hero-layout{grid-template-columns:1fr;gap:35px;padding-top:120px}:where([data-strona=kontakt]) .contact-intro{padding-bottom:0}:where([data-strona=kontakt]) .options-head,:where([data-strona=kontakt]) .final-content{grid-template-columns:1fr}:where([data-strona=kontakt]) .options-head p{justify-self:start}:where([data-strona=kontakt]) .option-grid{grid-template-columns:1fr}}@media (max-width:700px){:where([data-strona=kontakt]) .container{width:min(calc(100% - 22px),var(--max))}:where([data-strona=kontakt]) .nav{background:linear-gradient(#040605d1,#0000);padding:10px 0}:where([data-strona=kontakt]) .logo img{width:120px}:where([data-strona=kontakt]) .nav-back{padding:8px 10px;font-size:8px}:where([data-strona=kontakt]) .contact-hero{min-height:auto}:where([data-strona=kontakt]) .hero-layout{gap:28px;min-height:auto;padding:118px 0 34px}:where([data-strona=kontakt]) .contact-bg img{object-position:64% center}:where([data-strona=kontakt]) .contact-intro h1{font-size:clamp(56px,17vw,76px)}:where([data-strona=kontakt]) .contact-intro>p{font-size:10.5px;line-height:1.65}:where([data-strona=kontakt]) .contact-row{grid-template-columns:70px 1fr auto;min-height:65px}:where([data-strona=kontakt]) .contact-row strong{font-size:12px}:where([data-strona=kontakt]) .form-head{padding:19px 17px}:where([data-strona=kontakt]) .contact-form{padding:4px 17px 17px}:where([data-strona=kontakt]) .form-grid{grid-template-columns:1fr}:where([data-strona=kontakt]) .field:nth-child(odd):not(.full),:where([data-strona=kontakt]) .field:nth-child(2n):not(.full){border-right:0;padding-left:0;padding-right:0}:where([data-strona=kontakt]) .form-footer{grid-template-columns:1fr}:where([data-strona=kontakt]) .submit{justify-self:start}:where([data-strona=kontakt]) .options{padding:58px 0}:where([data-strona=kontakt]) .options-head{gap:16px}:where([data-strona=kontakt]) .option{min-height:210px;padding:18px}:where([data-strona=kontakt]) .option h3{margin-top:48px}:where([data-strona=kontakt]) .social{padding-bottom:58px}:where([data-strona=kontakt]) .social-grid{grid-template-columns:1fr}:where([data-strona=kontakt]) .social-card{min-height:150px;padding:18px}:where([data-strona=kontakt]) .final,:where([data-strona=kontakt]) .final-content{min-height:430px}:where([data-strona=kontakt]) .final-content{gap:20px;padding:42px 0}:where([data-strona=kontakt]) .final h2{font-size:40px}:where([data-strona=kontakt]) .footer-row{grid-template-columns:1fr;gap:15px}:where([data-strona=kontakt]) .footer-row span,:where([data-strona=kontakt]) .footer-links{justify-self:start}}:where([data-strona=kontakt]) .topic-field{padding-top:20px;padding-bottom:18px}:where([data-strona=kontakt]) .topic-field:after{display:none}:where([data-strona=kontakt]) .topic-selector{background:#ffffff03;border:1px solid #ffffff1a;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:9px;display:grid}:where([data-strona=kontakt]) .topic-chip{color:#eef2ef;text-align:left;cursor:pointer;min-height:66px;transition:background .28s var(--ease), color .28s var(--ease), transform .28s var(--ease);background:0 0;border:0;border-right:1px solid #ffffff17;padding:12px 13px;position:relative;overflow:hidden}:where([data-strona=kontakt]) .topic-chip:last-child{border-right:0}:where([data-strona=kontakt]) .topic-chip:before{content:"";background:var(--green);transform-origin:0;height:2px;transition:.32s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}:where([data-strona=kontakt]) .topic-chip:after{content:"";opacity:0;width:100px;height:100px;transition:.3s var(--ease);background:radial-gradient(circle,#00f38b1a,#0000 72%);border-radius:50%;position:absolute;top:-70px;right:-70px}:where([data-strona=kontakt]) .topic-chip span,:where([data-strona=kontakt]) .topic-chip strong{z-index:2;position:relative}:where([data-strona=kontakt]) .topic-chip span{letter-spacing:.13em;color:#556159;transition:.28s var(--ease);margin-bottom:8px;font-size:6px;display:block}:where([data-strona=kontakt]) .topic-chip strong{color:#8e9992;transition:.28s var(--ease);font:650 10px/1 Manrope;display:block}:where([data-strona=kontakt]) .topic-chip:hover{background:#ffffff06}:where([data-strona=kontakt]) .topic-chip:hover:after{opacity:1}:where([data-strona=kontakt]) .topic-chip:hover strong{color:#f3f6f4;transform:translateY(-1px)}:where([data-strona=kontakt]) .topic-chip.active{background:#00f38b0b}:where([data-strona=kontakt]) .topic-chip.active:before{transform:scaleX(1)}:where([data-strona=kontakt]) .topic-chip.active:after{opacity:1}:where([data-strona=kontakt]) .topic-chip.active span{color:var(--green)}:where([data-strona=kontakt]) .topic-chip.active strong{color:#fff}:where([data-strona=kontakt]) .topic-helper{color:#748078;align-items:center;gap:10px;min-height:38px;padding-top:11px;display:flex}:where([data-strona=kontakt]) .topic-helper span{background:var(--green);border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 10px #00f38b6b}:where([data-strona=kontakt]) .topic-helper p{transition:opacity .18s ease,transform .22s var(--ease);margin:0;font-size:8px;line-height:1.55}:where([data-strona=kontakt]) .topic-helper.changing p{opacity:0;transform:translateY(4px)}:where([data-strona=kontakt]) .form-head h2{max-width:690px;font-size:clamp(32px,3.6vw,50px);line-height:.96}@media (max-width:1050px){:where([data-strona=kontakt]) .topic-selector{grid-template-columns:repeat(3,1fr)}:where([data-strona=kontakt]) .topic-chip:nth-child(3){border-right:0}:where([data-strona=kontakt]) .topic-chip:nth-child(-n+3){border-bottom:1px solid #ffffff17}}@media (max-width:700px){:where([data-strona=kontakt]) .topic-selector{grid-template-columns:1fr 1fr}:where([data-strona=kontakt]) .topic-chip{min-height:62px}:where([data-strona=kontakt]) .topic-chip:nth-child(odd){border-right:1px solid #ffffff17}:where([data-strona=kontakt]) .topic-chip:nth-child(2n){border-right:0}:where([data-strona=kontakt]) .topic-chip:nth-child(-n+4){border-bottom:1px solid #ffffff17}:where([data-strona=kontakt]) .topic-chip:nth-child(3){border-right:1px solid #ffffff17}:where([data-strona=kontakt]) .topic-chip:last-child{border-right:0;grid-column:1/-1}:where([data-strona=kontakt]) .topic-chip span{margin-bottom:6px}:where([data-strona=kontakt]) .topic-chip strong{font-size:9.5px}:where([data-strona=kontakt]) .topic-helper p{font-size:7.5px}}
