*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;line-height:1.5}img{max-width:100%;display:block}html,body,#root{height:100%}.scale-viewport{background-color:#cfecf7;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.scale-canvas-outer{flex-shrink:0;position:relative;overflow:hidden}.scale-canvas{transform-origin:0 0;position:absolute;top:0;left:0}.main-container{box-sizing:border-box;background-color:#cfecf7;flex-flow:row;gap:20px;width:100%;min-height:100%;padding:15px;display:flex;overflow-x:hidden}.main-container-mobile{display:none}.container-left{flex-direction:column;flex:0 45%;gap:8px;width:45%;min-width:0;max-width:45%;min-height:0;display:flex;position:relative}.banner-img{object-fit:contain;object-position:center center;flex-shrink:1;width:100%;height:auto;max-height:min(70vh,720px)}.istek{flex-shrink:0;align-items:center;gap:11px;padding:4px 0 8px;display:flex}.istek-left img{width:auto;height:clamp(56px,8vw,110px)}.istek-right h1{margin:0;font-size:clamp(16px,1.6vw,26.5px)}.istek-right h2{margin:0;font-size:clamp(14px,1.4vw,23.5px);font-weight:600}.container-right{flex-direction:column;flex:55%;gap:16px;width:55%;min-width:0;max-width:55%;display:flex;position:relative}.landscape-view2-img{z-index:10;position:absolute;top:25%;left:20%}.mobile-view-img{z-index:15;position:absolute;top:20%;left:5%}.logo-img{flex-shrink:0;width:clamp(100px,12vw,180px);height:auto;position:static}.right-header{flex-shrink:0;align-items:center;gap:16px;display:flex}.header-titles{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.2vw,20px);min-width:0;display:flex;position:static}.first-title{text-align:center;font-size:clamp(14px,1.5vw,25px);font-weight:600;line-height:1.25}.second-title{color:#00b055;text-align:center;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-size:clamp(18px,2.2vw,35px);font-weight:600}.main-text{text-align:justify;flex:none;min-height:auto;margin:0;padding:0 8px 0 12px;font-size:clamp(14px,1.1vw,18px);overflow:visible}.right-bottom{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:16px;width:100%;height:auto;margin-top:auto;padding-top:8px;display:flex;position:static}.right-bottom-left{flex:220px;justify-content:center;align-items:center;width:auto;min-width:0;display:flex}.right-bottom-left-licno{align-items:stretch;padding-top:8px}.right-bottom-left-licno .form-licni-podaci{justify-content:space-between;gap:0;height:100%}.besplatna-verzija{color:#f03218;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;text-align:center;font-size:clamp(28px,3.5vw,50px);font-weight:600;line-height:1.1}.right-bottom-right{flex-direction:column;flex:240px;justify-content:center;align-items:stretch;gap:20px;width:auto;min-width:0;max-width:100%;display:flex}.right-bottom-right-licno{justify-content:space-between;gap:0;padding-top:8px}.btn-registruj{box-sizing:border-box;cursor:pointer;width:100%;padding:10px;font-size:clamp(16px,1.5vw,24px);font-weight:700}.btn-registruj:disabled{cursor:not-allowed;opacity:.65}.input-label{margin-bottom:5px;font-size:17px;font-weight:700}.input{box-sizing:border-box;width:100%;padding:5px;font-size:18px}.form-licni-podaci{flex-direction:column;gap:15px;width:100%;display:flex}.input-div{width:100%}@media (width>=1101px){html,body,#root{height:100%;overflow:hidden}.main-container-mobile{display:none}.main-container{flex-direction:row;height:100vh;min-height:0;max-height:100vh;display:flex;overflow:hidden}.container-left{justify-content:flex-start;height:100%;min-height:0}.banner-img{object-fit:fill;object-position:center center;flex:1 1 0;width:100%;height:100%;min-height:0;max-height:none}.istek{flex-shrink:0;margin-top:auto}.container-right{justify-content:space-between;gap:10px;height:100%;min-height:0;overflow:hidden}.right-header{gap:12px}.header-titles{gap:clamp(6px,.8vw,12px)}.main-text{flex:none;min-height:auto;overflow:visible}.right-bottom{flex-shrink:0;gap:12px;margin-top:0;padding-top:4px}.right-bottom-right-licno>div:first-child>div:first-child{margin-bottom:4px!important;font-size:17px!important}.right-bottom-right-licno>div:first-child input{padding:5px 30px 5px 5px!important;font-size:16px!important}}@media (width>=742px) and (width<=1100px){.main-container-mobile{display:none}.main-container{flex-direction:column;gap:18px;min-height:100vh;display:flex}.container-left,.container-right{flex:auto;width:100%;max-width:100%}.container-right{order:1}.container-left{order:2;margin-top:0}.banner-img{max-height:min(42vh,420px);margin:0 auto}.istek{justify-content:center}.right-header{flex-wrap:wrap;justify-content:center}.main-text{max-height:none;padding:0 12px;overflow:visible}.right-bottom{flex-direction:column;align-items:stretch;gap:18px}.right-bottom-left,.right-bottom-right{flex:auto;width:100%;max-width:520px;margin:0 auto}.btn-registruj{width:100%}}@media (width<=741px){.main-container{display:none}.main-container-mobile{background-color:#cfecf7;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.logo-fixed{z-index:2;width:85px;position:fixed;top:20px;right:10px}.logo-fixed img{width:100%;height:auto}.segment-1{padding:10px}.segment-1 img{width:100%;height:auto}.istek-mobile{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:relative}.istek-mobile .istek-left img{height:50px}.sc1,.sc2,.sc3{width:85%}.sc2{z-index:1;position:absolute;top:111px;right:10px}.sc3{margin-top:20px;position:relative}.sc4{z-index:3;width:81px;position:absolute;top:109px;left:21px}.segment-2{text-align:center;flex-direction:column;padding:0 10px;display:flex}.first-title-mobile{color:#f03218;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-size:clamp(24px,8vw,30px);font-weight:600}.second-title-mobile{margin-bottom:3px;font-size:14px;font-weight:700}.third-title-mobile{color:#00b055;text-shadow:-.5px -.5px #000,.5px -.5px #000,-.5px .5px #000,.5px .5px #000;font-size:18px;font-weight:600}.main-text-mobile{text-align:justify;padding:10px;line-height:1.2}.segment-4{box-sizing:border-box;width:100%;padding:0 10px 20px}.right-bottom-mobile{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;padding:10px 0;display:flex}.btn-registruj-mobile{box-sizing:border-box;width:100%;padding:10px;font-size:18px;font-weight:700}.input-label-mobile{font-size:16px;font-weight:700}.right-bottom-right-mobile{flex-direction:column;justify-content:center;align-items:stretch;gap:15px;width:100%;display:flex}.right-bottom-right-mobile>*{width:100%;max-width:100%}}.portrait-only-mask{color:#fff;z-index:10000;text-align:center;background-color:#0d0d0d;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.rotate-icon{margin-bottom:20px;font-size:3rem;animation:2s ease-in-out infinite rotateAnim}@keyframes rotateAnim{0%{transform:rotate(90deg)}50%{transform:rotate(0)}to{transform:rotate(90deg)}}.mask-content p{max-width:80%;margin:0 auto;font-family:sans-serif;font-size:1.1rem}img{-webkit-user-drag:none;user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:100%}.img-wrapper{position:relative}.img-wrapper:after{content:"";position:absolute;inset:0}@media print{html,body{display:none}}