.vsdl-public-contact-template{margin:0;background:#fff}.vsdl-contact-page{--c-accent:var(--vsdl-contact-accent,#146bff);--c-accent2:var(--vsdl-contact-accent-2,#56b8ff);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101b31;background:#fff}.vsdl-contact-page *{box-sizing:border-box}.vsdl-contact-page a{text-decoration:none}.vsdl-contact-shell{width:min(calc(100% - 48px),var(--vsdl-contact-width,1280px));margin-inline:auto}.vsdl-contact-hero{position:relative;overflow:hidden;min-height:730px;padding:142px 0 68px;background:radial-gradient(circle at 79% 31%,rgba(35,121,255,.22),transparent 29%),radial-gradient(circle at 89% 69%,rgba(105,78,255,.13),transparent 19%),linear-gradient(112deg,var(--vsdl-contact-hero-start,#020a1a),var(--vsdl-contact-hero-end,#071a3a));color:#fff}.vsdl-contact-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(78,139,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(78,139,238,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 15%,#000 54%,transparent)}.vsdl-contact-hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-190px;height:310px;border-radius:50%;background:radial-gradient(ellipse,rgba(24,111,255,.24),transparent 68%);filter:blur(14px)}.vsdl-contact-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(410px,.94fr) minmax(560px,1.06fr);align-items:center;gap:38px}.vsdl-contact-eyebrow{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:7px 14px;border:1px solid rgba(92,170,255,.28);border-radius:999px;background:rgba(10,39,86,.42);color:#acd9ff;font-size:11px;font-weight:800;letter-spacing:.15em}.vsdl-contact-eyebrow i{width:8px;height:8px;border-radius:50%;background:#38d98a;box-shadow:0 0 0 5px rgba(56,217,138,.10)}.vsdl-contact-hero-copy h1{max-width:700px;margin:26px 0 0;font-size:clamp(50px,4.4vw,70px);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}.vsdl-contact-hero-copy h1 span{display:block;color:#4797ff}.vsdl-contact-hero-copy>p{max-width:650px;margin:25px 0 0;color:#c6d2e5;font-size:17px;line-height:1.75}.vsdl-contact-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:31px}.vsdl-contact-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:0 25px;border-radius:12px;font-size:14px;font-weight:800}.vsdl-contact-hero-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vsdl-contact-hero-actions .is-primary{background:linear-gradient(135deg,#176fff,#3157ee);color:#fff;box-shadow:0 17px 36px rgba(31,99,255,.30)}.vsdl-contact-hero-actions .is-secondary{border:1px solid rgba(133,175,238,.44);background:rgba(4,17,41,.54);color:#fff}.vsdl-contact-response-note{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:13px;max-width:570px;margin-top:31px;padding:14px 16px;border:1px solid rgba(130,174,237,.18);border-radius:16px;background:linear-gradient(180deg,rgba(16,41,80,.72),rgba(7,25,55,.62))}.vsdl-contact-response-note>span{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(73,148,255,.25);border-radius:13px;background:rgba(24,96,204,.16);color:#63adff}.vsdl-contact-response-note svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.vsdl-contact-response-note strong{display:block;font-size:14px}.vsdl-contact-response-note small{display:block;margin-top:5px;color:#aebed3;font-size:12px;line-height:1.55}.vsdl-contact-hero-visual{position:relative;min-height:520px}.vsdl-contact-visual{position:absolute;inset:0 -18px -12px 0}.vsdl-contact-visual-glow{position:absolute;inset:10% 2% 0 10%;border-radius:50%;background:radial-gradient(circle,rgba(35,121,255,.30),transparent 66%);filter:blur(30px)}.vsdl-contact-visual-orbit{position:absolute;left:5%;right:4%;top:6%;bottom:4%;border:1px solid rgba(62,126,230,.40);border-radius:50%;transform:rotate(-8deg)}.vsdl-contact-window{position:absolute;z-index:3;left:2%;top:11%;width:82%;overflow:hidden;border:1px solid rgba(91,145,225,.28);border-radius:25px;background:#08142b;box-shadow:0 38px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06);transform:perspective(1500px) rotateY(-7deg) rotateX(2deg)}.vsdl-contact-window>header{display:flex;align-items:center;gap:7px;height:47px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07);background:#0b1830}.vsdl-contact-window>header i{width:8px;height:8px;border-radius:50%;background:#405a83}.vsdl-contact-window>header i:nth-child(2){background:#5071a5}.vsdl-contact-window>header i:nth-child(3){background:#668bc3}.vsdl-contact-window>header span{margin-left:8px;color:#8ea5c7;font-size:9px;font-weight:700}.vsdl-contact-window-body{display:grid;grid-template-columns:88px 1fr;min-height:375px}.vsdl-contact-window-body aside{display:flex;flex-direction:column;gap:6px;padding:14px 9px;border-right:1px solid rgba(255,255,255,.06);background:#09152a}.vsdl-contact-window-body aside strong{display:grid;width:36px;height:36px;place-items:center;margin:0 auto 12px;border-radius:11px;background:linear-gradient(135deg,#1475ff,#654eff);color:#fff;font-size:11px}.vsdl-contact-window-body aside span{padding:9px 8px;border-radius:8px;color:#7085a5;font-size:7px;font-weight:700}.vsdl-contact-window-body aside .is-active{background:linear-gradient(90deg,rgba(25,117,255,.28),rgba(60,80,219,.18));color:#68afff}.vsdl-contact-window-body main{padding:17px;background:linear-gradient(145deg,#0d1a32,#08142a)}.vsdl-contact-window-title{display:flex;align-items:center;justify-content:space-between}.vsdl-contact-window-title small{display:block;color:#5e9fff;font-size:6px;font-weight:800;letter-spacing:.12em}.vsdl-contact-window-title b{display:block;margin-top:7px;color:#eef4ff;font-size:14px}.vsdl-contact-window-title em{padding:7px 10px;border-radius:999px;background:rgba(54,202,126,.13);color:#77dfa8;font-size:7px;font-style:normal;font-weight:800}.vsdl-contact-window-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.vsdl-contact-window-form span{display:block;height:42px;border:1px solid rgba(130,165,218,.10);border-radius:10px;background:linear-gradient(180deg,#13223e,#0f1d35)}.vsdl-contact-window-form .is-wide,.vsdl-contact-window-form .is-message{grid-column:1/-1}.vsdl-contact-window-form .is-wide{height:42px}.vsdl-contact-window-form .is-message{height:112px}.vsdl-contact-window-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.vsdl-contact-window-bottom>div{display:flex;align-items:center;gap:8px}.vsdl-contact-window-bottom i{width:8px;height:8px;border-radius:50%;background:#3bce7a}.vsdl-contact-window-bottom small{color:#7289aa;font-size:7px}.vsdl-contact-window-bottom button{min-width:82px;height:31px;border:0;border-radius:8px;background:linear-gradient(135deg,#176fff,#3157ee);color:#fff;font-size:7px;font-weight:800}.vsdl-contact-float-card{position:absolute;z-index:4;border:1px solid rgba(106,156,230,.26);border-radius:18px;background:linear-gradient(180deg,rgba(18,37,72,.97),rgba(8,23,50,.96));box-shadow:0 24px 48px rgba(0,0,0,.34);color:#fff}.vsdl-contact-float-card.is-response{right:1%;top:4%;display:grid;grid-template-columns:45px 1fr;align-items:center;gap:11px;width:230px;padding:13px}.vsdl-contact-float-card.is-response>span{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:rgba(29,101,220,.18);color:#61abff}.vsdl-contact-float-card.is-response svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.vsdl-contact-float-card small{display:block;color:#7e94b5;font-size:7px;font-weight:800;letter-spacing:.10em}.vsdl-contact-float-card strong{display:block;margin-top:6px;font-size:11px;line-height:1.35}.vsdl-contact-float-card.is-process{right:-2%;bottom:4%;width:250px;padding:16px}.vsdl-contact-float-card.is-process>div{display:flex;gap:8px;margin-top:14px}.vsdl-contact-float-card.is-process i{display:block;height:6px;flex:1;border-radius:999px;background:#1c3458}.vsdl-contact-float-card.is-process i:first-child{background:#2b83ff}.vsdl-contact-float-card.is-process i:nth-child(2){background:#725cff}.vsdl-contact-float-card.is-process i:nth-child(3){background:#36c77a}.vsdl-contact-main{padding:0 0 82px;background:linear-gradient(180deg,#fff,#f7faff)}.vsdl-contact-info-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;transform:translateY(-34px)}.vsdl-contact-info-card{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:14px;min-height:104px;padding:18px;border:1px solid #dfe8f3;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(18,48,91,.10);color:#15233d}.vsdl-contact-info-card>span{display:grid;width:50px;height:50px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#edf5ff,#dceaff);color:#227aff}.vsdl-contact-info-card svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vsdl-contact-info-card small{display:block;color:#6e85a4;font-size:10px;font-weight:800;letter-spacing:.12em}.vsdl-contact-info-card strong{display:block;margin-top:7px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.vsdl-contact-content-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(560px,1.28fr);gap:26px;align-items:stretch}.vsdl-contact-form-intro{padding:31px;border:1px solid #dfe8f3;border-radius:var(--vsdl-contact-radius,24px);background:radial-gradient(circle at 8% 12%,rgba(39,126,255,.12),transparent 30%),linear-gradient(145deg,#071b42,#071532);box-shadow:0 22px 48px rgba(14,39,78,.16);color:#fff}.vsdl-contact-form-intro>span{color:#6ab0ff;font-size:11px;font-weight:800;letter-spacing:.14em}.vsdl-contact-form-intro h2{margin:13px 0 0;font-size:34px;line-height:1.15;letter-spacing:-.04em;text-wrap:balance}.vsdl-contact-form-intro>p{margin:17px 0 0;color:#b8c8df;font-size:15px;line-height:1.8}.vsdl-contact-form-intro ul{display:grid;gap:12px;margin:27px 0 0;padding:0;list-style:none}.vsdl-contact-form-intro li{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:10px;color:#e4edfb;font-size:13px;font-weight:700}.vsdl-contact-form-intro li svg{width:25px;height:25px;fill:none;stroke:#62aeff;stroke-width:1.8}.vsdl-contact-intro-note{margin-top:29px;padding:17px;border:1px solid rgba(102,162,239,.18);border-radius:16px;background:rgba(255,255,255,.04)}.vsdl-contact-intro-note strong{font-size:14px}.vsdl-contact-intro-note p{margin:8px 0 0;color:#aebed4;font-size:12px;line-height:1.7}.vsdl-contact-form-card{padding:31px;border:1px solid #dfe8f3;border-radius:var(--vsdl-contact-radius,24px);background:#fff;box-shadow:0 22px 48px rgba(18,48,91,.08)}.vsdl-contact-form{margin:0}.vsdl-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vsdl-form-grid p{margin:0}.vsdl-form-grid .full{grid-column:1/-1}.vsdl-contact-form label{display:block;color:#263a58;font-size:12px;font-weight:800}.vsdl-contact-form input:not([type=checkbox]),.vsdl-contact-form select,.vsdl-contact-form textarea{width:100%;margin-top:8px;border:1px solid #d9e4f1;border-radius:12px;background:#f9fbfe;color:#172741;font:inherit;font-size:14px;outline:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.vsdl-contact-form input:not([type=checkbox]),.vsdl-contact-form select{height:52px;padding:0 14px}.vsdl-contact-form textarea{min-height:150px;padding:14px;resize:vertical}.vsdl-contact-form input:focus,.vsdl-contact-form select:focus,.vsdl-contact-form textarea:focus{border-color:#3989f8;background:#fff;box-shadow:0 0 0 4px rgba(39,126,255,.10)}.vsdl-consent{display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:9px;margin-top:18px;color:#687b96!important;font-size:11px!important;font-weight:600!important;line-height:1.6}.vsdl-consent input{margin-top:3px}.vsdl-contact-form button{display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:54px;margin-top:21px;border:0;border-radius:12px;background:linear-gradient(135deg,#176fff,#3157ee);box-shadow:0 15px 32px rgba(31,99,255,.23);color:#fff;font-size:14px;font-weight:800;cursor:pointer}.vsdl-form-notice{margin-bottom:18px;padding:14px 16px;border-radius:12px;font-size:13px;font-weight:700}.vsdl-form-notice.success{border:1px solid #bde9d0;background:#effbf4;color:#19834d}.vsdl-form-notice.error{border:1px solid #f4c4c4;background:#fff2f2;color:#b13b3b}.vsdl-contact-form-footnote{margin:15px 0 0;color:#8695aa;font-size:11px;line-height:1.6}.vsdl-contact-process{padding:78px 0;background:linear-gradient(112deg,#020b1d,#071a3a);color:#fff}.vsdl-contact-process>div>header{text-align:center}.vsdl-contact-process header>span{color:#5ca8ff;font-size:11px;font-weight:800;letter-spacing:.15em}.vsdl-contact-process h2{margin:11px 0 0;font-size:36px;letter-spacing:-.04em}.vsdl-contact-process header p{max-width:720px;margin:12px auto 0;color:#aebed3;font-size:14px;line-height:1.7}.vsdl-contact-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}.vsdl-contact-process-grid article{position:relative;display:grid;grid-template-columns:58px 1fr;gap:16px;min-height:175px;padding:23px;border:1px solid rgba(125,164,226,.17);border-radius:18px;background:linear-gradient(180deg,rgba(13,36,75,.84),rgba(7,24,52,.80))}.vsdl-contact-process-number{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(71,142,255,.28);border-radius:16px;background:rgba(20,85,181,.17);color:#65adff;font-size:13px;font-weight:900}.vsdl-contact-process-grid strong{font-size:16px;line-height:1.4}.vsdl-contact-process-grid p{margin:10px 0 0;color:#a6b7cf;font-size:13px;line-height:1.7}.vsdl-contact-process-grid article>i{position:absolute;right:-14px;top:50%;z-index:2;color:#4b88df;font-size:19px;font-style:normal;transform:translateY(-50%)}
@media(max-width:1180px){.vsdl-contact-hero-grid{grid-template-columns:1fr}.vsdl-contact-hero-copy{text-align:center}.vsdl-contact-hero-copy>p,.vsdl-contact-response-note{margin-left:auto;margin-right:auto}.vsdl-contact-hero-actions{justify-content:center}.vsdl-contact-hero-visual{width:min(760px,100%);min-height:530px;margin:8px auto 0}.vsdl-contact-info-grid{grid-template-columns:repeat(2,1fr)}.vsdl-contact-content-grid{grid-template-columns:1fr}.vsdl-contact-process-grid article>i{display:none}}
@media(max-width:720px){.vsdl-contact-shell{width:min(calc(100% - 26px),var(--vsdl-contact-width,1280px))}.vsdl-contact-hero{min-height:0;padding:108px 0 38px}.vsdl-contact-hero-copy h1{font-size:40px}.vsdl-contact-hero-copy>p{font-size:15px}.vsdl-contact-hero-actions{display:grid}.vsdl-contact-hero-actions a{width:100%}.vsdl-contact-response-note{text-align:left}.vsdl-contact-hero-visual{min-height:385px}.vsdl-contact-window{left:-8%;top:8%;width:102%;transform:scale(.78);transform-origin:top left}.vsdl-contact-float-card.is-response{right:-3%;top:1%;width:170px}.vsdl-contact-float-card.is-process{right:-2%;bottom:1%;width:185px}.vsdl-contact-float-card{padding:10px!important;border-radius:13px}.vsdl-contact-float-card strong{font-size:8px}.vsdl-contact-float-card small{font-size:6px}.vsdl-contact-info-grid{grid-template-columns:1fr;transform:translateY(-20px)}.vsdl-contact-info-card{min-height:88px}.vsdl-contact-main{padding-bottom:56px}.vsdl-contact-form-intro,.vsdl-contact-form-card{padding:22px;border-radius:18px}.vsdl-contact-form-intro h2{font-size:29px}.vsdl-form-grid{grid-template-columns:1fr}.vsdl-form-grid .full{grid-column:auto}.vsdl-contact-form button{width:100%}.vsdl-contact-process{padding:58px 0}.vsdl-contact-process h2{font-size:29px}.vsdl-contact-process-grid{grid-template-columns:1fr}.vsdl-contact-process-grid article{min-height:0}}

/* 4.0.2 — Automatsko centriranje vidljivih kontakt kartica */
.vsdl-contact-info-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
}
.vsdl-contact-info-card{
  flex:0 1 calc((100% - 42px)/4);
  width:calc((100% - 42px)/4);
  min-width:250px;
  max-width:310px;
}
@media(max-width:1180px){
  .vsdl-contact-info-grid{justify-content:center}
  .vsdl-contact-info-card{
    flex-basis:calc((100% - 28px)/3);
    width:calc((100% - 28px)/3);
    max-width:340px;
  }
}
@media(max-width:860px){
  .vsdl-contact-info-card{
    flex-basis:calc((100% - 14px)/2);
    width:calc((100% - 14px)/2);
    max-width:380px;
  }
}
@media(max-width:720px){
  .vsdl-contact-info-card{
    flex:1 1 100%;
    width:100%;
    min-width:0;
    max-width:none;
  }
}