.web-konstrukcija[data-astro-cid-5cpau3jx]{--objekt-rx: 0deg;--objekt-ry: 0deg;--objekt-tx: 0px;--objekt-ty: 0px;--kamera-bocno: -21deg;--live-z: -105px;--live-z-fokus: -24px;--kod-z: -52px;--kod-z-odvojeno: 105px;--dizajn-z: 0px;--dizajn-z-odvojeno: 185px;--staticki-kamera: -21deg;--staticki-kod-z: 0px;--staticki-dizajn-z: 105px;position:relative;min-width:0;min-height:clamp(32rem,47vw,40rem);margin:0;isolation:isolate}.web-konstrukcija[data-astro-cid-5cpau3jx]:before{content:"";position:absolute;inset:2.25rem 0 3.6rem;z-index:-2;opacity:.32;background-image:linear-gradient(to right,rgba(43,44,45,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(43,44,45,.1) 1px,transparent 1px);background-size:3.5rem 3.5rem;mask-image:radial-gradient(ellipse at 54% 48%,#000 0 36%,transparent 76%)}.web-konstrukcija[data-astro-cid-5cpau3jx]:after{content:"";position:absolute;z-index:-1;left:19%;top:24%;width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(254,143,7,.16),rgba(254,143,7,.035) 42%,transparent 69%);filter:blur(10px)}.web-konstrukcija__meta[data-astro-cid-5cpau3jx],.web-konstrukcija__podnozje[data-astro-cid-5cpau3jx]{position:absolute;z-index:20;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.55rem;line-height:1;letter-spacing:.13em;text-transform:uppercase}.web-konstrukcija__meta[data-astro-cid-5cpau3jx]{top:.2rem;padding-bottom:.9rem;border-bottom:1px solid rgba(43,44,45,.2)}.web-konstrukcija__status[data-astro-cid-5cpau3jx]{display:flex;align-items:center;gap:.45rem}.web-konstrukcija__status[data-astro-cid-5cpau3jx] i[data-astro-cid-5cpau3jx],.web-live__spremno[data-astro-cid-5cpau3jx] i[data-astro-cid-5cpau3jx]{width:.4rem;aspect-ratio:1;border-radius:50%;background:#58ad75;box-shadow:0 0 .75rem #58ad75b8}.web-konstrukcija__scena[data-astro-cid-5cpau3jx]{position:absolute;inset:2.7rem 0 3.7rem;perspective:1200px}.web-konstrukcija__scena[data-astro-cid-5cpau3jx]:after{content:"";position:absolute;left:24%;right:14%;bottom:7%;height:12%;border-radius:50%;background:#2b2c2d38;filter:blur(22px);transform:rotate(-8deg)}.web-konstrukcija__orbita[data-astro-cid-5cpau3jx]{position:absolute;inset:10% 8% 11% 10%;border:1px solid rgba(43,44,45,.2);transform:rotate(-7deg) skew(-3deg)}.web-konstrukcija__orbita[data-astro-cid-5cpau3jx]:before,.web-konstrukcija__orbita[data-astro-cid-5cpau3jx]:after{content:"";position:absolute;width:.42rem;aspect-ratio:1;background:var(--kc-svijetla);border:1px solid var(--kc-narancasta)}.web-konstrukcija__orbita[data-astro-cid-5cpau3jx]:before{left:-.25rem;top:25%}.web-konstrukcija__orbita[data-astro-cid-5cpau3jx]:after{right:-.25rem;bottom:22%}.web-konstrukcija__koordinata[data-astro-cid-5cpau3jx]{position:absolute;z-index:3;font-size:.48rem;letter-spacing:.13em;text-transform:uppercase;opacity:.42}.web-konstrukcija__koordinata--gore[data-astro-cid-5cpau3jx]{left:2%;top:8%}.web-konstrukcija__koordinata--dolje[data-astro-cid-5cpau3jx]{right:1%;bottom:8%;writing-mode:vertical-rl}.web-konstrukcija__perspektiva[data-astro-cid-5cpau3jx]{position:absolute;z-index:5;left:50%;top:49%;width:min(71%,21rem);aspect-ratio:.82;transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--objekt-tx)),calc(-50% + var(--objekt-ty)),0) rotateX(calc(5deg + var(--objekt-rx))) rotateY(calc(-9deg + var(--objekt-ry))) rotate(-3deg);transition:transform .7s var(--kc-ease)}.web-konstrukcija__objekt[data-astro-cid-5cpau3jx]{position:absolute;inset:0;transform:rotateY(0);transform-style:preserve-3d;transform-origin:center center var(--kod-z);will-change:transform;animation:web-kamera 13s 1.2s var(--kc-ease) infinite both;animation-play-state:paused}.web-sloj[data-astro-cid-5cpau3jx]{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(43,44,45,.72);box-shadow:0 2.2rem 4.5rem #1f202133,.65rem .75rem #2b2c2d12;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;animation-duration:13s;animation-delay:1.2s;animation-timing-function:var(--kc-ease);animation-iteration-count:infinite;animation-fill-mode:both;animation-play-state:paused}.web-sloj--live[data-astro-cid-5cpau3jx]{z-index:1;color:#fffefdd1;background:#18191a;transform:translate3d(1rem,-.8rem,var(--live-z));animation-name:web-sloj-live}.web-sloj--kod[data-astro-cid-5cpau3jx]{z-index:2;color:#fffefdd1;background:#252627;transform:translate3d(.45rem,-.35rem,var(--kod-z));animation-name:web-sloj-kod}.web-sloj--dizajn[data-astro-cid-5cpau3jx]{z-index:3;color:var(--kc-tamna);background:var(--kc-svijetla);transform:translateZ(var(--dizajn-z));animation-name:web-sloj-dizajn}.web-sloj__vrh[data-astro-cid-5cpau3jx]{position:relative;z-index:4;display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;min-height:3.15rem;padding:0 .85rem;border-bottom:1px solid rgba(43,44,45,.22);text-transform:uppercase}.web-sloj--live[data-astro-cid-5cpau3jx] .web-sloj__vrh[data-astro-cid-5cpau3jx],.web-sloj--kod[data-astro-cid-5cpau3jx] .web-sloj__vrh[data-astro-cid-5cpau3jx]{border-color:#ffffff26}.web-sloj__broj[data-astro-cid-5cpau3jx]{color:var(--kc-narancasta);font:600 .48rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.web-sloj__vrh[data-astro-cid-5cpau3jx]>strong[data-astro-cid-5cpau3jx]{padding-left:.7rem;border-left:1px solid currentColor;font-size:clamp(.82rem,1.45vw,1rem);line-height:1;letter-spacing:.13em;white-space:nowrap;font-variation-settings:"wdth" 76,"wght" 690}.web-sloj--live[data-astro-cid-5cpau3jx] .web-sloj__vrh[data-astro-cid-5cpau3jx]>strong[data-astro-cid-5cpau3jx],.web-sloj--kod[data-astro-cid-5cpau3jx] .web-sloj__vrh[data-astro-cid-5cpau3jx]>strong[data-astro-cid-5cpau3jx]{border-color:#ffffff2e}.web-sloj__opis[data-astro-cid-5cpau3jx]{justify-self:end;font:.43rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;white-space:nowrap;opacity:.48}.web-live__spremno[data-astro-cid-5cpau3jx]{display:flex;align-items:center;gap:.38rem;opacity:.76}.web-live__spremno[data-astro-cid-5cpau3jx] i[data-astro-cid-5cpau3jx]{width:.34rem}.web-live__tijelo[data-astro-cid-5cpau3jx],.web-kod__tijelo[data-astro-cid-5cpau3jx],.web-dizajn__platno[data-astro-cid-5cpau3jx]{position:relative;height:calc(100% - 3.15rem);overflow:hidden}.web-live__tijelo[data-astro-cid-5cpau3jx],.web-kod__tijelo[data-astro-cid-5cpau3jx]{background:#18191a}.web-dizajn__platno[data-astro-cid-5cpau3jx]{background:#fffefd}.web-sloj__napomena[data-astro-cid-5cpau3jx]{position:absolute;z-index:5;left:.9rem;top:.75rem;font:.42rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.42}.web-sloj__dno[data-astro-cid-5cpau3jx]{position:absolute;z-index:5;left:.9rem;right:.9rem;bottom:.75rem;display:flex;align-items:center;gap:.5rem;padding-top:.55rem;border-top:1px solid rgba(43,44,45,.18);font:.4rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;opacity:.56}.web-sloj__dno[data-astro-cid-5cpau3jx]>span[data-astro-cid-5cpau3jx]{white-space:nowrap}.web-sloj__dno[data-astro-cid-5cpau3jx]>i[data-astro-cid-5cpau3jx]{flex:1;height:1px;background:currentColor;opacity:.24}.web-sloj--live[data-astro-cid-5cpau3jx] .web-sloj__dno[data-astro-cid-5cpau3jx]{border-color:#ffffff24}.web-mreza[data-astro-cid-5cpau3jx]{position:absolute;inset:2.25rem .65rem 2rem}.web-mreza__zica[data-astro-cid-5cpau3jx]{position:absolute;z-index:1;height:1px;background:#ffffff47;transform-origin:left center}.web-mreza__zica[data-astro-cid-5cpau3jx]:after{content:"";position:absolute;inset:-2px 0;background:repeating-linear-gradient(90deg,transparent 0 1.2rem,rgba(254,143,7,.34) 1.2rem 1.26rem,transparent 1.26rem 2rem)}.web-mreza__zica--cloud-server[data-astro-cid-5cpau3jx]{left:50%;top:23%;width:47%;transform:rotate(134deg)}.web-mreza__zica--server-client[data-astro-cid-5cpau3jx]{left:18%;top:59%;width:64%}.web-mreza__zica--client-cloud[data-astro-cid-5cpau3jx]{left:82%;top:59%;width:47%;transform:rotate(-134deg)}.web-mreza__signal[data-astro-cid-5cpau3jx]{position:absolute;z-index:4;left:50%;top:23%;width:.46rem;aspect-ratio:1;border-radius:50%;background:var(--kc-narancasta);box-shadow:0 0 .9rem #fe8f07e6;opacity:0;transform:translate(-50%,-50%);animation:web-mreza-signal 13s 1.2s linear infinite both}.web-mreza__cvor[data-astro-cid-5cpau3jx]{position:absolute;z-index:3;display:grid;justify-items:center;gap:.45rem;width:4.5rem;transform:translate(-50%,-50%)}.web-mreza__cvor[data-astro-cid-5cpau3jx]>strong[data-astro-cid-5cpau3jx]{font:600 .42rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.web-mreza__cvor--cloud[data-astro-cid-5cpau3jx]{left:50%;top:23%}.web-mreza__cvor--server[data-astro-cid-5cpau3jx]{left:18%;top:59%}.web-mreza__cvor--client[data-astro-cid-5cpau3jx]{left:82%;top:59%}.web-ikona-oblak[data-astro-cid-5cpau3jx]{position:relative;width:3rem;height:1.15rem;border:1px solid rgba(255,255,255,.64);border-radius:1rem;background:#18191a}.web-ikona-oblak[data-astro-cid-5cpau3jx]:before,.web-ikona-oblak[data-astro-cid-5cpau3jx]:after{content:"";position:absolute;bottom:.48rem;border:1px solid rgba(255,255,255,.64);border-bottom:0;border-radius:50% 50% 0 0;background:#18191a}.web-ikona-oblak[data-astro-cid-5cpau3jx]:before{left:.55rem;width:1rem;height:.85rem}.web-ikona-oblak[data-astro-cid-5cpau3jx]:after{left:1.35rem;width:.76rem;height:.62rem}.web-ikona-oblak[data-astro-cid-5cpau3jx] i[data-astro-cid-5cpau3jx]{position:absolute;z-index:2;left:50%;top:50%;width:.25rem;aspect-ratio:1;border-radius:50%;background:var(--kc-narancasta);transform:translate(-50%,-35%)}.web-ikona-server[data-astro-cid-5cpau3jx]{display:grid;gap:.18rem;width:2.75rem}.web-ikona-server[data-astro-cid-5cpau3jx]>i[data-astro-cid-5cpau3jx]{position:relative;height:.55rem;border:1px solid rgba(255,255,255,.56);background:#18191a}.web-ikona-server[data-astro-cid-5cpau3jx]>i[data-astro-cid-5cpau3jx]:before{content:"";position:absolute;right:.3rem;top:50%;width:.22rem;aspect-ratio:1;border-radius:50%;background:var(--kc-narancasta);transform:translateY(-50%)}.web-ikona-racunalo[data-astro-cid-5cpau3jx]{position:relative;display:block;width:3.25rem;padding-bottom:.48rem}.web-ikona-racunalo[data-astro-cid-5cpau3jx]>i[data-astro-cid-5cpau3jx]{display:flex;align-items:end;gap:.2rem;height:1.9rem;padding:.35rem .45rem;border:1px solid rgba(255,255,255,.6);background:#18191a}.web-ikona-racunalo[data-astro-cid-5cpau3jx] b[data-astro-cid-5cpau3jx]{flex:1;background:#ffffff52}.web-ikona-racunalo[data-astro-cid-5cpau3jx] b[data-astro-cid-5cpau3jx]:nth-child(1){height:36%}.web-ikona-racunalo[data-astro-cid-5cpau3jx] b[data-astro-cid-5cpau3jx]:nth-child(2){height:72%;background:var(--kc-narancasta)}.web-ikona-racunalo[data-astro-cid-5cpau3jx] b[data-astro-cid-5cpau3jx]:nth-child(3){height:52%}.web-ikona-racunalo[data-astro-cid-5cpau3jx] em[data-astro-cid-5cpau3jx]{position:absolute;left:50%;bottom:.15rem;width:1.5rem;height:1px;background:#fff9;transform:translate(-50%)}.web-ikona-racunalo[data-astro-cid-5cpau3jx] em[data-astro-cid-5cpau3jx]:before{content:"";position:absolute;left:50%;bottom:0;width:1px;height:.4rem;background:#fff9;transform:translate(-50%)}.web-kod__tijelo[data-astro-cid-5cpau3jx]{padding:2.15rem .9rem .75rem}.web-kod__editor[data-astro-cid-5cpau3jx]{position:relative;border-top:1px solid rgba(255,255,255,.14)}.web-kod__editor[data-astro-cid-5cpau3jx] p[data-astro-cid-5cpau3jx]{display:grid;grid-template-columns:1.35rem minmax(0,1fr);margin:0;min-height:2rem;border-bottom:1px solid rgba(255,255,255,.07)}.web-kod__editor[data-astro-cid-5cpau3jx] p[data-astro-cid-5cpau3jx]>b[data-astro-cid-5cpau3jx]{display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.08);color:#ffffff38;font:400 .42rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.web-kod__editor[data-astro-cid-5cpau3jx] code[data-astro-cid-5cpau3jx]{display:flex;align-items:center;min-width:0;padding-left:.65rem;color:#ffffffb8;font:.53rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.web-kod__tekst[data-astro-cid-5cpau3jx]{display:inline-block;clip-path:inset(0 100% 0 0)}.web-kod__tekst[data-astro-cid-5cpau3jx] em[data-astro-cid-5cpau3jx]{color:#c4a0da;font-style:normal}.web-kod__tekst[data-astro-cid-5cpau3jx] i[data-astro-cid-5cpau3jx]{color:#e3b86f;font-style:normal}.web-kod__tekst--1[data-astro-cid-5cpau3jx]{animation:web-kod-red-1 13s 1.2s steps(12,end) infinite both}.web-kod__tekst--2[data-astro-cid-5cpau3jx]{animation:web-kod-red-2 13s 1.2s steps(15,end) infinite both}.web-kod__tekst--3[data-astro-cid-5cpau3jx]{animation:web-kod-red-3 13s 1.2s steps(15,end) infinite both}.web-kod__tekst--4[data-astro-cid-5cpau3jx]{animation:web-kod-red-4 13s 1.2s steps(5,end) infinite both}.web-kod__kursor[data-astro-cid-5cpau3jx]{position:absolute;z-index:2;right:.55rem;top:.62rem;width:1px;height:.75rem;background:var(--kc-narancasta);opacity:0;animation:web-kod-kursor 13s 1.2s steps(1,end) infinite both}.web-kod__build[data-astro-cid-5cpau3jx]{position:absolute;left:.9rem;right:.9rem;bottom:.8rem;display:grid;grid-template-columns:auto minmax(2rem,1fr) auto;align-items:center;gap:.55rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.14);font:.4rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.web-kod__build[data-astro-cid-5cpau3jx]>span[data-astro-cid-5cpau3jx]{opacity:.44}.web-kod__build[data-astro-cid-5cpau3jx]>i[data-astro-cid-5cpau3jx]{height:2px;overflow:hidden;background:#ffffff1f}.web-kod__build[data-astro-cid-5cpau3jx]>i[data-astro-cid-5cpau3jx] b[data-astro-cid-5cpau3jx]{display:block;width:100%;height:100%;background:var(--kc-narancasta);transform:scaleX(0);transform-origin:left;animation:web-kod-build 13s 1.2s linear infinite both}.web-kod__build[data-astro-cid-5cpau3jx] strong[data-astro-cid-5cpau3jx]{display:flex;align-items:center;gap:.3rem;color:#58ad75;font-weight:500;opacity:0;transform:translateY(.25rem);animation:web-kod-uspjeh 13s 1.2s var(--kc-ease) infinite both}.web-kod__build[data-astro-cid-5cpau3jx] strong[data-astro-cid-5cpau3jx] i[data-astro-cid-5cpau3jx]{width:.28rem;aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 .55rem currentColor}.web-dizajn__platno[data-astro-cid-5cpau3jx]:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(to right,var(--kc-tamna) 1px,transparent 1px),linear-gradient(to bottom,var(--kc-tamna) 1px,transparent 1px);background-size:25% 25%}.web-vektor[data-astro-cid-5cpau3jx]{position:absolute;inset:2.45rem .75rem 2rem;opacity:1;animation:web-vektor-ciklus 13s 1.2s linear infinite both}.web-vektor__linija[data-astro-cid-5cpau3jx]{position:absolute;z-index:2;height:2px;background:var(--kc-narancasta);transform:rotate(var(--kut)) scaleX(0);transform-origin:left center}.web-vektor__linija--1[data-astro-cid-5cpau3jx]{--kut: -58deg;left:10%;top:74%;width:49.5%;animation:web-vektor-linija-1 13s 1.2s var(--kc-ease) infinite both}.web-vektor__linija--2[data-astro-cid-5cpau3jx]{--kut: 50deg;left:35%;top:28%;width:45%;animation:web-vektor-linija-2 13s 1.2s var(--kc-ease) infinite both}.web-vektor__linija--3[data-astro-cid-5cpau3jx]{--kut: -57deg;left:63%;top:66%;width:48%;animation:web-vektor-linija-3 13s 1.2s var(--kc-ease) infinite both}.web-vektor__sidro[data-astro-cid-5cpau3jx]{position:absolute;z-index:4;width:.48rem;aspect-ratio:1;border:1px solid var(--kc-tamna);background:#fffefd;transform:translate(-50%,-50%) rotate(45deg)}.web-vektor__sidro--1[data-astro-cid-5cpau3jx]{left:10%;top:74%}.web-vektor__sidro--2[data-astro-cid-5cpau3jx]{left:35%;top:28%}.web-vektor__sidro--3[data-astro-cid-5cpau3jx]{left:63%;top:66%}.web-vektor__sidro--4[data-astro-cid-5cpau3jx]{left:88%;top:22%}.web-vektor__rucica[data-astro-cid-5cpau3jx]{position:absolute;z-index:1;width:3.2rem;height:1px;background:#2b2c2d52;transform-origin:center}.web-vektor__rucica[data-astro-cid-5cpau3jx]:before,.web-vektor__rucica[data-astro-cid-5cpau3jx]:after{content:"";position:absolute;top:50%;width:.24rem;aspect-ratio:1;border-radius:50%;border:1px solid rgba(43,44,45,.45);background:#fffefd;transform:translateY(-50%)}.web-vektor__rucica[data-astro-cid-5cpau3jx]:before{left:0}.web-vektor__rucica[data-astro-cid-5cpau3jx]:after{right:0}.web-vektor__rucica--1[data-astro-cid-5cpau3jx]{left:calc(35% - 1.6rem);top:28%;transform:rotate(-16deg)}.web-vektor__rucica--2[data-astro-cid-5cpau3jx]{left:calc(63% - 1.6rem);top:66%;transform:rotate(12deg)}.web-vektor__pen[data-astro-cid-5cpau3jx]{position:absolute;z-index:6;left:10%;top:74%;width:1.15rem;height:1.45rem;background:var(--kc-tamna);clip-path:polygon(50% 0,100% 72%,58% 100%,0 40%);opacity:0;transform:translate(-12%,-86%) rotate(12deg);animation:web-vektor-pen 13s 1.2s var(--kc-ease) infinite both}.web-vektor__pen[data-astro-cid-5cpau3jx] i[data-astro-cid-5cpau3jx]{position:absolute;left:43%;bottom:8%;width:.22rem;aspect-ratio:1;border-radius:50%;background:var(--kc-narancasta)}.web-konstrukcija__podnozje[data-astro-cid-5cpau3jx]{bottom:.1rem;min-height:2.55rem;padding-top:.85rem;border-top:1px solid rgba(43,44,45,.2)}.web-konstrukcija__tok[data-astro-cid-5cpau3jx]{display:flex;align-items:center;gap:.55rem;min-width:0}.web-konstrukcija__tok[data-astro-cid-5cpau3jx] span[data-astro-cid-5cpau3jx]{display:flex;gap:.3rem;white-space:nowrap}.web-konstrukcija__tok[data-astro-cid-5cpau3jx] span[data-astro-cid-5cpau3jx] b[data-astro-cid-5cpau3jx]{color:var(--kc-narancasta);font-weight:600}.web-konstrukcija__tok[data-astro-cid-5cpau3jx]>i[data-astro-cid-5cpau3jx]{width:clamp(.6rem,2.2vw,1.8rem);height:1px;background:#2b2c2d3d}.web-konstrukcija__pauza[data-astro-cid-5cpau3jx]{display:none;align-items:center;gap:.45rem;padding:.45rem .5rem;color:inherit;background:transparent;border:1px solid rgba(43,44,45,.25);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .2s,background .2s,border-color .2s}.js .web-konstrukcija__pauza[data-astro-cid-5cpau3jx]{display:flex}.web-konstrukcija__pauza[data-astro-cid-5cpau3jx]:hover{color:var(--kc-svijetla);background:var(--kc-tamna);border-color:var(--kc-tamna)}.web-konstrukcija__pauza[data-astro-cid-5cpau3jx]:focus-visible{outline:2px solid var(--kc-narancasta);outline-offset:3px}.web-konstrukcija__pauza[data-astro-cid-5cpau3jx] i[data-astro-cid-5cpau3jx]{width:.42rem;height:.55rem;border-inline:1px solid currentColor}.web-konstrukcija__pauza[data-astro-cid-5cpau3jx][aria-pressed=true] i[data-astro-cid-5cpau3jx]{width:0;height:0;border:0;border-top:.3rem solid transparent;border-bottom:.3rem solid transparent;border-left:.45rem solid currentColor}.web-mini-animacija[data-astro-cid-5cpau3jx]{animation-play-state:paused}.web-konstrukcija[data-astro-cid-5cpau3jx].is-ceka{opacity:0}.web-konstrukcija[data-astro-cid-5cpau3jx].is-gradi{animation:web-konstrukcija-ulaz .9s .88s var(--kc-ease) both}.web-konstrukcija[data-astro-cid-5cpau3jx].is-gradi:not(.is-pauzirano) .web-konstrukcija__objekt[data-astro-cid-5cpau3jx],.web-konstrukcija[data-astro-cid-5cpau3jx].is-gradi:not(.is-pauzirano) .web-sloj[data-astro-cid-5cpau3jx],.web-konstrukcija[data-astro-cid-5cpau3jx].is-gradi:not(.is-pauzirano) .web-mini-animacija[data-astro-cid-5cpau3jx]{animation-play-state:running}.web-konstrukcija[data-astro-cid-5cpau3jx].is-pauzirano .web-konstrukcija__objekt[data-astro-cid-5cpau3jx],.web-konstrukcija[data-astro-cid-5cpau3jx].is-pauzirano .web-sloj[data-astro-cid-5cpau3jx],.web-konstrukcija[data-astro-cid-5cpau3jx].is-pauzirano .web-mini-animacija[data-astro-cid-5cpau3jx]{animation-play-state:paused}@keyframes web-konstrukcija-ulaz{0%{opacity:0;transform:translateY(1.4rem) scale(.97)}to{opacity:1;transform:none}}@keyframes web-kamera{0%,9%,91%,to{transform:rotateY(0)}27%,78%{transform:rotateY(var(--kamera-bocno))}}@keyframes web-sloj-live{0%,52%,76%,to{filter:brightness(1);transform:translate3d(1rem,-.8rem,var(--live-z))}58%,68%{filter:brightness(1.13);transform:translate3d(.35rem,-.25rem,var(--live-z-fokus))}}@keyframes web-sloj-kod{0%,43%{opacity:1;transform:translate3d(.45rem,-.35rem,var(--kod-z)) rotate(0)}54%,67%{opacity:0;transform:translate3d(.45rem,-.35rem,var(--kod-z-odvojeno)) rotate(-1deg)}67%{animation-timing-function:cubic-bezier(.2,.88,.24,1)}73%,to{opacity:1;transform:translate3d(.45rem,-.35rem,var(--kod-z)) rotate(0)}}@keyframes web-sloj-dizajn{0%,30%{opacity:1;transform:translateZ(var(--dizajn-z)) rotate(0)}43%,68%{opacity:0;transform:translateZ(var(--dizajn-z-odvojeno)) rotate(-1.4deg)}68%{animation-timing-function:cubic-bezier(.2,.88,.24,1)}76%,to{opacity:1;transform:translateZ(var(--dizajn-z)) rotate(0)}}@keyframes web-vektor-ciklus{0%,2%{opacity:0}4%,94%{opacity:1}98%,to{opacity:0}}@keyframes web-vektor-linija-1{0%,4%{transform:rotate(var(--kut)) scaleX(0)}12%,94%{transform:rotate(var(--kut)) scaleX(1)}98%,to{transform:rotate(var(--kut)) scaleX(0)}}@keyframes web-vektor-linija-2{0%,12%{transform:rotate(var(--kut)) scaleX(0)}19%,94%{transform:rotate(var(--kut)) scaleX(1)}98%,to{transform:rotate(var(--kut)) scaleX(0)}}@keyframes web-vektor-linija-3{0%,19%{transform:rotate(var(--kut)) scaleX(0)}26%,94%{transform:rotate(var(--kut)) scaleX(1)}98%,to{transform:rotate(var(--kut)) scaleX(0)}}@keyframes web-vektor-pen{0%,3%{left:10%;top:74%;opacity:0}5%{left:10%;top:74%;opacity:1}12%{left:35%;top:28%;opacity:1}19%{left:63%;top:66%;opacity:1}26%{left:88%;top:22%;opacity:1}29%,to{left:88%;top:22%;opacity:0}}@keyframes web-kod-red-1{0%,27%{clip-path:inset(0 100% 0 0)}32%,96%{clip-path:inset(0 0 0 0)}99%,to{clip-path:inset(0 100% 0 0)}}@keyframes web-kod-red-2{0%,32%{clip-path:inset(0 100% 0 0)}35.5%,96%{clip-path:inset(0 0 0 0)}99%,to{clip-path:inset(0 100% 0 0)}}@keyframes web-kod-red-3{0%,35.5%{clip-path:inset(0 100% 0 0)}39%,96%{clip-path:inset(0 0 0 0)}99%,to{clip-path:inset(0 100% 0 0)}}@keyframes web-kod-red-4{0%,39%{clip-path:inset(0 100% 0 0)}41.5%,96%{clip-path:inset(0 0 0 0)}99%,to{clip-path:inset(0 100% 0 0)}}@keyframes web-kod-kursor{0%,27%,42%,to{opacity:0;top:.62rem}28%,31%{opacity:1;top:.62rem}32%,35%{opacity:1;top:2.62rem}36%,38.5%{opacity:1;top:4.62rem}39.5%,41.5%{opacity:1;top:6.62rem}}@keyframes web-kod-build{0%,39%{transform:scaleX(0)}43%,96%{transform:scaleX(1)}99%,to{transform:scaleX(0)}}@keyframes web-kod-uspjeh{0%,42%{opacity:0;transform:translateY(.25rem)}45%,96%{opacity:1;transform:translateY(0)}99%,to{opacity:0;transform:translateY(.25rem)}}@keyframes web-mreza-signal{0%,52%{left:50%;top:23%;opacity:0}54%{left:50%;top:23%;opacity:1}60%{left:18%;top:59%;opacity:1}66%{left:82%;top:59%;opacity:1}72%{left:50%;top:23%;opacity:1}75%,to{left:50%;top:23%;opacity:0}}@media(max-width:1120px){.web-konstrukcija[data-astro-cid-5cpau3jx]{--kamera-bocno: -21deg;--kod-z-odvojeno: 82px;--dizajn-z-odvojeno: 150px;--staticki-dizajn-z: 92px;min-height:34rem}.web-konstrukcija__perspektiva[data-astro-cid-5cpau3jx]{width:min(72%,18.5rem)}}@media(min-width:901px)and (max-height:760px){.web-konstrukcija[data-astro-cid-5cpau3jx]{min-height:clamp(27rem,66vh,33rem)}.web-konstrukcija__perspektiva[data-astro-cid-5cpau3jx]{width:min(65%,17rem)}}@media(min-width:701px)and (max-width:900px){.web-konstrukcija[data-astro-cid-5cpau3jx]{--kamera-bocno: -21deg;--live-z: -88px;--kod-z: -44px;--kod-z-odvojeno: 62px;--dizajn-z-odvojeno: 120px;--staticki-dizajn-z: 78px;min-height:31rem}.web-konstrukcija__perspektiva[data-astro-cid-5cpau3jx]{width:min(74%,16rem)}.web-konstrukcija__meta[data-astro-cid-5cpau3jx]{font-size:.48rem}.web-konstrukcija__tok[data-astro-cid-5cpau3jx]{gap:.32rem}}@media(max-width:700px){.web-konstrukcija[data-astro-cid-5cpau3jx]{--kamera-bocno: -21deg;--live-z: -90px;--kod-z: -45px;--kod-z-odvojeno: 68px;--dizajn-z-odvojeno: 130px;--staticki-dizajn-z: 82px;width:min(100%,38rem);min-height:clamp(28rem,95vw,35rem);margin:.5rem auto 0}.web-konstrukcija__perspektiva[data-astro-cid-5cpau3jx]{width:min(64vw,18.5rem)}}@media(max-width:480px){.web-konstrukcija[data-astro-cid-5cpau3jx]{--kamera-bocno: -21deg;--live-z: -78px;--live-z-fokus: -18px;--kod-z: -39px;--kod-z-odvojeno: 50px;--dizajn-z-odvojeno: 100px;--staticki-kamera: -21deg;--staticki-dizajn-z: 68px;min-height:25rem}.web-konstrukcija__scena[data-astro-cid-5cpau3jx]{inset-block:2.7rem 3.5rem}.web-konstrukcija__perspektiva[data-astro-cid-5cpau3jx]{width:min(61vw,15.5rem)}.web-konstrukcija__meta[data-astro-cid-5cpau3jx]{font-size:.44rem}.web-konstrukcija__koordinata[data-astro-cid-5cpau3jx]{display:none}.web-sloj__vrh[data-astro-cid-5cpau3jx]{grid-template-columns:1.55rem minmax(0,1fr) auto;min-height:2.8rem;padding-inline:.65rem}.web-sloj__vrh[data-astro-cid-5cpau3jx]>strong[data-astro-cid-5cpau3jx]{padding-left:.5rem;font-size:.72rem}.web-sloj__opis[data-astro-cid-5cpau3jx]{font-size:.34rem}.web-live__tijelo[data-astro-cid-5cpau3jx],.web-kod__tijelo[data-astro-cid-5cpau3jx],.web-dizajn__platno[data-astro-cid-5cpau3jx]{height:calc(100% - 2.8rem)}.web-mreza[data-astro-cid-5cpau3jx]{inset-inline:.2rem}.web-mreza__cvor[data-astro-cid-5cpau3jx]{width:3.65rem;gap:.3rem}.web-mreza__cvor[data-astro-cid-5cpau3jx]>strong[data-astro-cid-5cpau3jx]{font-size:.36rem}.web-ikona-oblak[data-astro-cid-5cpau3jx],.web-ikona-server[data-astro-cid-5cpau3jx],.web-ikona-racunalo[data-astro-cid-5cpau3jx]{scale:.84}.web-mreza__zica--cloud-server[data-astro-cid-5cpau3jx]{transform:rotate(140deg)}.web-mreza__zica--client-cloud[data-astro-cid-5cpau3jx]{transform:rotate(-140deg)}.web-kod__editor[data-astro-cid-5cpau3jx] code[data-astro-cid-5cpau3jx]{padding-left:.42rem;font-size:.44rem}.web-kod__build[data-astro-cid-5cpau3jx]{gap:.35rem;font-size:.34rem}.web-sloj__dno[data-astro-cid-5cpau3jx]{gap:.32rem;font-size:.34rem}.web-konstrukcija__tok[data-astro-cid-5cpau3jx] span[data-astro-cid-5cpau3jx] b[data-astro-cid-5cpau3jx]{display:none}.web-konstrukcija__pauza[data-astro-cid-5cpau3jx] span[data-astro-cid-5cpau3jx]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.web-konstrukcija[data-astro-cid-5cpau3jx].is-gradi,.web-konstrukcija__objekt[data-astro-cid-5cpau3jx],.web-sloj[data-astro-cid-5cpau3jx],.web-mini-animacija[data-astro-cid-5cpau3jx]{animation:none}.web-konstrukcija__objekt[data-astro-cid-5cpau3jx]{transform:rotateY(var(--staticki-kamera))}.web-sloj--live[data-astro-cid-5cpau3jx]{filter:none;opacity:1;transform:translate3d(1rem,-.8rem,var(--live-z))}.web-sloj--kod[data-astro-cid-5cpau3jx]{opacity:1;transform:translate3d(.45rem,-.35rem,var(--staticki-kod-z))}.web-sloj--dizajn[data-astro-cid-5cpau3jx]{opacity:1;transform:translateZ(var(--staticki-dizajn-z))}.web-vektor[data-astro-cid-5cpau3jx]{opacity:1}.web-vektor__linija[data-astro-cid-5cpau3jx]{transform:rotate(var(--kut)) scaleX(1)}.web-vektor__pen[data-astro-cid-5cpau3jx],.web-kod__kursor[data-astro-cid-5cpau3jx]{display:none}.web-kod__tekst[data-astro-cid-5cpau3jx]{clip-path:inset(0 0 0 0)}.web-kod__build[data-astro-cid-5cpau3jx]>i[data-astro-cid-5cpau3jx] b[data-astro-cid-5cpau3jx]{transform:scaleX(1)}.web-kod__build[data-astro-cid-5cpau3jx] strong[data-astro-cid-5cpau3jx]{opacity:1;transform:none}.web-mreza__signal[data-astro-cid-5cpau3jx]{left:50%;top:23%;opacity:1}.js .web-konstrukcija__pauza[data-astro-cid-5cpau3jx]{display:none}}