:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c28;--accent: #7c3aed;--accent2: #ec4899;--gold: #f59e0b;--text: #f0f0f5;--muted: #6b7280;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Outfit,sans-serif;overflow-x:hidden;min-height:100vh}.page-hero-kontak{position:relative;padding-top:64px;height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.page-hero-bg-kontak{position:absolute;inset:0;background:var(--bg)}.page-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 70%,transparent 100%)}.page-hero-content-kontak{position:relative;z-index:2;animation:fadeUp .7s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.breadcrumb-kontak{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;color:var(--muted);margin-bottom:1rem}.breadcrumb-kontak a{color:var(--muted);text-decoration:none;transition:color .2s}.breadcrumb-kontak a:hover{color:#fff}.breadcrumb-kontak span{color:#fff3}.page-title-kontak{font-family:Bebas Neue,cursive;font-size:clamp(2.8rem,7vw,5rem);letter-spacing:3px;background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:.6rem}.page-subtitle-kontak{font-size:.95rem;color:#ffffff80;font-weight:400;letter-spacing:.5px}.contact-wrapper{max-width:1160px;margin:0 auto;padding:3rem 5% 6rem;display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.info-panel{display:flex;flex-direction:column;gap:1.5rem}.info-intro{font-size:.95rem;color:#fff9;line-height:1.75;margin-bottom:.5rem}.contact-card{background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:1.4rem 1.5rem;display:flex;gap:1.1rem;align-items:flex-start;transition:border-color .25s,transform .25s,box-shadow .25s;cursor:default;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.06),transparent);opacity:0;transition:opacity .3s}.contact-card:hover:before{opacity:1}.contact-card:hover{border-color:#7c3aed59;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.card-icon{width:46px;height:46px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed40,#ec489926);border:1px solid rgba(124,58,237,.3)}.card-icon svg{opacity:.9}.card-label{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.card-value{font-size:.92rem;font-weight:600;color:var(--text);line-height:1.4}.card-value a{color:var(--text);text-decoration:none;transition:color .2s}.card-value a:hover{color:#a78bfa}.card-note{font-size:.75rem;color:var(--muted);margin-top:.25rem}.live-badge{display:inline-flex;align-items:center;gap:.4rem;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:.25rem .65rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:1px;margin-top:.7rem}.live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.social-title{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem}.social-links{display:flex;gap:.6rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:.5rem;background:var(--surface2);border:1px solid rgba(255,255,255,.07);color:#ffffffbf;text-decoration:none;padding:.45rem .9rem;border-radius:8px;font-size:.78rem;font-weight:600;transition:all .2s}.social-link:hover{background:#7c3aed2e;border-color:#7c3aed66;color:#fff;transform:translateY(-2px)}.form-panel{background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:2.4rem 2.5rem;position:relative;overflow:hidden}.form-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7c3aed,#ec4899,var(--gold))}.form-title{font-family:Bebas Neue,cursive;font-size:1.7rem;letter-spacing:2px;margin-bottom:.4rem}.form-desc{font-size:.85rem;color:var(--muted);margin-bottom:2rem;line-height:1.5}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.5rem}.topic-chip{background:var(--surface2);border:1.5px solid rgba(255,255,255,.08);border-radius:8px;padding:.55rem .8rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.topic-chip:hover{border-color:#7c3aed66;background:#7c3aed14}.topic-chip.selected{border-color:var(--accent);background:#7c3aed2e}.topic-chip-icon{font-size:1rem;flex-shrink:0}.topic-chip-label{font-size:.78rem;font-weight:600;color:#fffc}.topic-chip.selected .topic-chip-label{color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.78rem;font-weight:600;color:#ffffffa6;letter-spacing:.5px;margin-bottom:.45rem}.form-label span{color:#ec4899;margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.09);border-radius:9px;color:var(--text);font-family:Outfit,sans-serif;font-size:.88rem;padding:.7rem 1rem;transition:border-color .2s,background .2s,box-shadow .2s;outline:none;-webkit-appearance:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);background:#7c3aed0f;box-shadow:0 0 0 3px #7c3aed26}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-select option{background:#1c1c28;color:#f0f0f5}.form-textarea{resize:vertical;min-height:130px;line-height:1.6}.file-upload{border:2px dashed rgba(255,255,255,.1);border-radius:9px;padding:1.2rem;text-align:center;cursor:pointer;transition:all .2s;position:relative}.file-upload:hover,.file-upload.drag{border-color:#7c3aed80;background:#7c3aed0f}.file-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-icon{font-size:1.6rem;margin-bottom:.4rem}.file-text{font-size:.8rem;color:var(--muted)}.file-text strong{color:#a78bfa;font-weight:600}.rating-row{display:flex;gap:.3rem;margin-bottom:1rem}.star{font-size:1.5rem;cursor:pointer;color:#ffffff26;transition:color .15s,transform .15s;-webkit-user-select:none;user-select:none}.star:hover,.star.lit{color:var(--gold);transform:scale(1.15)}.rating-label{font-size:.78rem;color:var(--muted);margin-bottom:.4rem;display:block}.btn-submit{width:100%;padding:.85rem;background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:10px;color:#fff;font-family:Outfit,sans-serif;font-size:.97rem;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 6px 24px #7c3aed66;display:flex;align-items:center;justify-content:center;gap:.6rem}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 32px #7c3aed8c}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.success-msg{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 0;gap:1rem;animation:fadeUp .5s ease both}.success-check{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10b98133,#7c3aed33);border:2px solid rgba(16,185,129,.4);display:flex;align-items:center;justify-content:center;font-size:2rem}.success-title{font-family:Bebas Neue,cursive;font-size:1.8rem;letter-spacing:2px;color:#10b981}.success-text{font-size:.88rem;color:var(--muted);line-height:1.65;max-width:300px}.btn-back-form{background:var(--surface2);border:1.5px solid rgba(255,255,255,.12);color:var(--text);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;padding:.6rem 1.4rem;border-radius:8px;cursor:pointer;margin-top:.5rem;transition:background .2s}.btn-back-form:hover{background:#ffffff14}.faq-section{max-width:1160px;margin:0 auto 5rem;padding:0 5%}.faq-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}.faq-title{font-family:Bebas Neue,cursive;font-size:2rem;letter-spacing:2px}.faq-link{color:#a78bfa;font-size:.85rem;font-weight:600;text-decoration:none}.faq-link:hover{color:#fff}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.faq-item{background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.faq-item:hover{border-color:#7c3aed4d}.faq-q{padding:1.1rem 1.3rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.9rem;font-weight:600;gap:1rem;-webkit-user-select:none;user-select:none}.faq-chevron{flex-shrink:0;transition:transform .3s;font-size:1.1rem;color:var(--muted)}.faq-item.open .faq-chevron{transform:rotate(180deg);color:#a78bfa}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;font-size:.83rem;color:#fff9;line-height:1.7;padding:0 1.3rem}.faq-item.open .faq-a{max-height:200px;padding:0 1.3rem 1.1rem}.map-section{max-width:1160px;margin:0 auto 5rem;padding:0 5%}.map-title{font-family:Bebas Neue,cursive;font-size:2rem;letter-spacing:2px;margin-bottom:1.2rem}.map-card{border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);height:260px;background:var(--surface2);display:flex;align-items:center;justify-content:center}.map-bg{position:absolute;inset:0;background:linear-gradient(rgba(28,28,40,0) 1px,transparent 1px),linear-gradient(90deg,rgba(28,28,40,0) 1px,transparent 1px),#111120;background-size:40px 40px,40px 40px,auto}.map-roads{position:absolute;inset:0;overflow:hidden}.road{position:absolute;background:#ffffff0f;border-radius:2px}.map-pin-area{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.pin-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ec4899);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px #7c3aed26,0 0 0 24px #7c3aed12;animation:pinPulse 2.5s ease-in-out infinite;font-size:1.5rem}@keyframes pinPulse{0%,to{box-shadow:0 0 0 12px #7c3aed26,0 0 0 24px #7c3aed12}50%{box-shadow:0 0 0 16px #7c3aed1a,0 0 0 30px #7c3aed0a}}.pin-label{background:#0a0a0fe6;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.5rem 1.1rem;font-size:.8rem;font-weight:600;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.pin-sub{font-size:.7rem;color:var(--muted);font-weight:400}footer{background:var(--surface);border-top:1px solid rgba(255,255,255,.06);padding:3rem 5% 1.5rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;margin-bottom:2.5rem}.footer-col h4{font-size:.85rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem}.footer-col a{display:block;color:var(--muted);font-size:.83rem;margin-bottom:.5rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff}.footer-logo{font-family:Bebas Neue,cursive;font-size:1.6rem;letter-spacing:2px;background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-bottom:.7rem}.socials{display:flex;gap:.7rem}.social-btn{width:36px;height:36px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;cursor:pointer}.social-btn:hover{background:var(--accent);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.78rem;color:var(--muted)}@media (max-width: 900px){.nav-links{display:none}.hamburger{display:flex}.lang-btn{display:none}.contact-wrapper{grid-template-columns:1fr;gap:2rem}.form-row,.faq-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){nav{padding:0 4%}.page-hero{height:240px}.contact-wrapper{padding:2rem 4% 4rem}.faq-section,.map-section{padding:0 4%}.form-panel{padding:1.6rem 1.4rem}.topic-grid,.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}.char-count{font-size:.7rem;color:var(--muted);text-align:right;margin-top:.3rem}.char-count.warn{color:var(--gold)}.char-count.over{color:#ef4444}.field-error{font-size:.72rem;color:#ef4444;margin-top:.3rem;display:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444!important}
