@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap');
  body {
            font-family: 'Inter', sans-serif;
        }
        
        h1, h2, h3 {
            font-family: 'Playfair Display', serif;
        }
        
        /* Hero Slider Styles */
        .hero-slider {
            position: relative;
            height: 100vh;
            min-height: 700px;
            overflow: hidden;
        }
        
        .slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);
            pointer-events: none;
        }
        
        .slide.active {
            opacity: 1;
            pointer-events: auto;
        }
        
        .slide-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1);
            transition: transform 8s ease-out;
        }
        
        .slide.active .slide-image {
            transform: scale(1.1);
        }
        
        .hero-content {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .slide.active .hero-content {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.3s;
        }
        
        .gradient-overlay {
            background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(20,20,20,0.7) 50%, rgba(0,0,0,0.85) 100%);
        }
        
        /* Navbar Styles */
        .nav-link {
            position: relative;
            transition: color 0.3s;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, #111, #333);
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after {
            width: 80%;
        }
        
        .dropdown {
            opacity: 0;
            visibility: hidden;
            transform: translateY(-15px) scale(0.95);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .nav-item:hover .dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) scale(1);
        }
        
        .mobile-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .mobile-menu.active {
            max-height: 600px;
        }

        /* Progress Bar */
        .progress-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 4px;
            background: linear-gradient(90deg, #fff, #e5e5e5);
            width: 0%;
            transition: none;
            z-index: 10;
        }

        .slide.active .progress-bar {
            animation: progress 5s linear;
        }

        @keyframes progress {
            from { width: 0%; }
            to { width: 100%; }
        }

        /* Scroll Indicator */
        .scroll-indicator {
            animation: bounce 2s infinite;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-10px);
            }
            60% {
                transform: translateY(-5px);
            }
        }

        /* Glass morphism effect - Black Theme */
        .glass {
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.15);
        }

        .glass-dropdown {
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .glass-badge {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        /* Slider: styles to match provided mockup */
        .slider-container {
            position: relative;
            width: 100%;
            min-height: 720px;
            overflow: hidden;
        }

        .slider-wrapper {
            position: relative;
        }

        .slider-item {
            position: relative;
            min-height: 720px;
            display: block;
        }

        .slider-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            /* Filter je uklonjen u prethodnoj iteraciji */
        }

        .slider-overlay {
            position: absolute;
            inset: 0;
            /* PROMENA: Vrlo providan crni overlay sa glassy efektom */
            background: rgba(0, 0, 0, 0.1); /* Skoro providna crna */
            z-index: 1;
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center; /* Sav sadržaj unutar hero-content je centriran po defaultu */
            color: #fff;
            padding: 80px 18px;
        }

        .hero-content h1 {
            font-family: Georgia, 'Times New Roman', serif;
            font-weight: 700;
            font-size: 4rem;
            line-height: 0.95;
            margin: 0 0 10px;
            text-shadow: 0 18px 36px rgba(0, 0, 0, 0.6);
            /* PROMENA: Nije potrebna dodatna stilizacija za centriranje h1 jer je hero-content već centriran */
        }

        @media(min-width:768px) {
            .hero-content h1 {
                font-size: 5.5rem;
            }
        }

        .hero-content p {
            font-size: 1rem;
            max-width: 760px;
            margin: 0 auto 22px;
            color: rgba(255, 255, 255, 0.9);
        }
        /* Accent for second/important word */
        .text-accent { color: #f59e0b; filter:brightness(1.02); }
        /* Slightly lift the hero content and tighten spacing for better overlay */
        .hero-content { transform: translateY(-8px); }
        .hero-badge { font-size:0.95rem; padding:8px 14px; }

        .hero-badge {
            display: inline-block;
            padding: 10px 16px;
            border-radius: 999px;
            background: rgba(0, 0, 0, 0.32);
            border: 1px solid rgba(255, 255, 255, 0.06);
            color: #fff;
            font-weight: 600;
            backdrop-filter: blur(6px);
            margin-bottom: 22px;
        }

        .hero-actions {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn-primary {
            background: #ffffff;
            color: #111827;
            padding: 14px 28px;
            border-radius: 999px;
            font-weight: 700;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
            border: none;
        }

        .btn-primary:hover {
            transform: translateY(-2px);
        }

        .btn-ghost {
            background: rgba(255, 255, 255, 0.06);
            color: #fff;
            padding: 14px 28px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .btn-ghost:hover {
            background: rgba(255, 255, 255, 0.12);
        }

        .slider-control {
            background: rgba(0, 0, 0, 0.45);
            border: 1px solid rgba(255, 255, 255, 0.06);
            width: 56px;
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
            z-index: 3;
        }

        .slider-control svg {
            width: 20px;
            height: 20px;
            fill: none;
            stroke: #fff;
            stroke-width: 2;
        }

        /* Indicators: left/right small dots and centered white pill (matches provided image) */
        .slider-indicators { display:flex; align-items:center; gap:12px; }
        .slider-indicator { width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.35); border:none; box-shadow:0 4px 10px rgba(0,0,0,0.25); transition: all .18s ease; }
        .slider-indicator:hover { transform:translateY(-3px) scale(1.05); }
        .slider-indicator.pill { width:44px; height:12px; border-radius:999px; background:#ffffff; box-shadow:0 8px 22px rgba(0,0,0,0.35); }
        .slider-indicator.pill:focus { outline:none; }
        .slider-indicator.small-muted { background:rgba(255,255,255,0.55); opacity:0.7; }
        .slider-indicator.active { /* used if needed for JS */ }

        /* Make sure indicators container centers correctly on small screens */
        @media(max-width:480px){
            .slider-indicators { gap:8px; }
            .slider-indicator.pill { width:36px; height:10px; }
            .slider-indicator { width:10px; height:10px; }
        }

        .particles {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
        }

        /* Ensure content stays readable on small screens */
        @media(max-width:640px) {
            .hero-content h1 {
                font-size: 2.25rem;
            }

            .slider-container {
                min-height: 520px;
            }
        }
* { box-sizing: border-box; } body {margin: 0;}.dropdown:hover .dropdown-menu{display:block;}.dropdown-menu{display:none;position:absolute;background-color:white;min-width:200px;box-shadow:rgba(0, 0, 0, 0.1) 0px 8px 16px 0px;z-index:1;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;overflow-x:hidden;overflow-y:hidden;}.dropdown-item{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px;text-decoration-line:none;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;display:block;color:rgb(31, 41, 55);transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;border-left-width:3px;border-left-style:solid;border-left-color:transparent;}.dropdown-item:hover{background-color:rgb(241, 245, 249);}*{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;box-sizing:border-box;}body{font-family:Inter, sans-serif;overflow-x:hidden;background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgb(248, 250, 252);}h1, h2, h3, h4{font-family:"Playfair Display", serif;}.glass{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgba(255, 255, 255, 0.6);backdrop-filter:blur(20px);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgba(255, 255, 255, 0.3);border-right-color:rgba(255, 255, 255, 0.3);border-bottom-color:rgba(255, 255, 255, 0.3);border-left-color:rgba(255, 255, 255, 0.3);border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;}.glass-dark{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgba(255, 255, 255, 0.9);backdrop-filter:blur(20px);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgba(30, 64, 175, 0.2);border-right-color:rgba(30, 64, 175, 0.2);border-bottom-color:rgba(30, 64, 175, 0.2);border-left-color:rgba(30, 64, 175, 0.2);border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;box-shadow:rgba(0, 0, 0, 0.1) 0px 8px 32px;}.slider-container{position:relative;overflow-x:hidden;overflow-y:hidden;height:100vh;}.slider-wrapper{display:flex;transition-behavior:normal;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:0s;transition-property:transform;height:100%;}.slider-item{min-width:100%;height:100%;position:relative;}.slider-item img{width:100%;height:100%;object-fit:cover;object-position:center center;}.slider-overlay{position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgba(0, 0, 0, 0.6) !important;}.hero-content p{text-align:center;margin-left:auto;margin-right:auto;}.hero-content .inline-block{display:block !important;margin-left:auto !important;margin-right:auto !important;}.hero-content .flex-wrap{justify-content:center !important;}.card-hover:hover::before{left:100%;}::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgb(248, 250, 252);}::-webkit-scrollbar-thumb{background-image:linear-gradient(45deg, rgb(30, 64, 175), rgb(30, 58, 138));background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.pulse{animation-duration:2s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:pulse;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.glow{text-shadow:rgba(30, 64, 175, 0.4) 0px 0px 20px, rgba(30, 64, 175, 0.2) 0px 0px 40px, rgba(30, 64, 175, 0.1) 0px 0px 60px;}.timeline-glow::before{content:"";position:absolute;left:0px;top:0px;bottom:0px;width:4px;background-image:linear-gradient(rgb(30, 64, 175), rgb(30, 58, 138), rgb(30, 64, 175));background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;box-shadow:rgba(30, 64, 175, 0.4) 0px 0px 20px;}.img-overlay:hover::after{opacity:1;}.btn-shine{position:relative;overflow-x:hidden;overflow-y:hidden;}.btn-shine::before{content:"";position:absolute;top:0px;left:-100%;width:100%;height:100%;background-image:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;transition-behavior:normal;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0s;transition-property:left;}.btn-shine:hover::before{left:100%;}.particles{position:absolute;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;pointer-events:none;}.particle{position:absolute;background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgba(30, 64, 175, 0.3);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;animation-duration:12s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:rise;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.hero-content{animation-duration:1s;animation-timing-function:ease-out;animation-delay:0.3s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both;animation-play-state:running;animation-name:fadeInUp;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;}.decorative-line{position:relative;display:inline-block;}.decorative-line::before{content:"";position:absolute;top:50%;width:60px;height:2px;background-image:linear-gradient(90deg, transparent, rgb(30, 64, 175));background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;right:calc(100% + 20px);}.decorative-line::after{content:"";position:absolute;top:50%;width:60px;height:2px;background-image:linear-gradient(90deg, rgb(30, 64, 175), transparent);background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;left:calc(100% + 20px);}.slider-control{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgba(30, 64, 175, 0.3);border-right-color:rgba(30, 64, 175, 0.3);border-bottom-color:rgba(30, 64, 175, 0.3);border-left-color:rgba(30, 64, 175, 0.3);border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}.slider-control:hover{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgba(30, 64, 175, 0.9);border-top-color:rgba(30, 64, 175, 0.8);border-right-color:rgba(30, 64, 175, 0.8);border-bottom-color:rgba(30, 64, 175, 0.8);border-left-color:rgba(30, 64, 175, 0.8);transform:scale(1.1);}.slider-indicator{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgba(31, 41, 55, 0.5);border-right-color:rgba(31, 41, 55, 0.5);border-bottom-color:rgba(31, 41, 55, 0.5);border-left-color:rgba(31, 41, 55, 0.5);border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;}.slider-indicator.active{border-top-color:rgb(30, 64, 175);border-right-color:rgb(30, 64, 175);border-bottom-color:rgb(30, 64, 175);border-left-color:rgb(30, 64, 175);transform:scale(1.3);background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(30, 64, 175) !important;}#imnvlu{width:12px;height:12px;left:10%;animation-delay:0s;}#ifp659{width:8px;height:8px;left:25%;animation-delay:2s;}#i35lj5{width:15px;height:15px;left:40%;animation-delay:4s;}#i7f6gl{width:10px;height:10px;left:60%;animation-delay:1s;}#iwmy1e{width:12px;height:12px;left:75%;animation-delay:3s;}#inwax2{width:9px;height:9px;left:90%;animation-delay:5s;}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}@keyframes pulse{0%, 100%{opacity:1;}50%{opacity:0.5;}}@keyframes rise{0%{bottom:-100px;opacity:0;transform:translateX(0px) rotate(0deg);}50%{opacity:1;}100%{bottom:120%;opacity:0;transform:translateX(100px) rotate(360deg);}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px);}100%{opacity:1;transform:translateY(0px);}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0px);}}@media (max-width: 1023px){.slider-container{height:70vh;}.hero-content h1{font-size:2.5rem !important;}.hero-content p{font-size:1.1rem !important;}}@media (max-width: 768px){.slider-container{height:60vh;}.hero-content h1{font-size:2rem !important;line-height:1.2 !important;}.hero-content p{font-size:1rem !important;}.timeline-glow::before{left:12px;}.relative.pl-24{padding-left:80px;}.absolute.left-0.w-16.h-16{left:8px;width:48px;height:48px;}.slider-control{width:40px;height:40px;}.slider-control i{font-size:1.2rem;}}@media (max-width: 480px){.slider-container{height:50vh;}.hero-content h1{font-size:1.8rem !important;}.hero-content .flex-wrap button{width:100%;margin-bottom:10px;}}