/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--bg:#06070B;--bg-soft:#0C0E15;--card:#11141D;--border:#1E2330;--text:#E8EAF0;--muted:#9AA3B5;--accent:#38BDF8;--accent-2:#A78BFA;--font-main:'Inter',sans-serif;--font-display:'Space Grotesk',sans-serif;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{background:var(--bg);color:var(--text);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;}.container{max-width:1200px;margin:0 auto;padding:0 24px;}a{color:var(--accent);text-decoration:none;}a:hover{color:#7DD3FC;}.loader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease;}.loader.hidden{opacity:0;visibility:hidden;}.loader-inner{text-align:center;}.loader-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;}.loader-logo-box{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-family:var(--font-display);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;}.loader-logo-text{font-family:var(--font-display);font-size:20px;font-weight:600;}.loader-bar{width:240px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin:0 auto;}.loader-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s ease;}.loader-pct{margin-top:12px;color:var(--muted);font-size:14px;font-family:var(--font-display);}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(6,7,11,0.85);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s ease,background .3s ease;}.nav.scrolled{border-bottom-color:var(--border);background:rgba(6,7,11,0.95);}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;}.nav-brand{display:flex;align-items:center;gap:10px;color:var(--text);}.nav-brand-box{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-family:var(--font-display);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;}.nav-brand-text{font-family:var(--font-display);font-weight:600;font-size:17px;}.nav-brand-img{height:34px;width:auto;display:block;}.nav-links{display:flex;gap:28px;}.nav-links a{color:var(--muted);font-size:15px;font-weight:500;transition:color .2s;}.nav-links a:hover{color:var(--text);}.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;}.nav-burger span{display:block;width:22px;height:2px;background:var(--text);margin:5px 0;transition:.3s;}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:120px 0 80px;background:radial-gradient(ellipse at 70% 20%,rgba(56,189,248,0.12),transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(167,139,250,0.10),transparent 50%),var(--bg);}.hero-inner{max-width:720px;}.hero-eyebrow{display:inline-block;padding:6px 14px;border-radius:100px;background:rgba(56,189,248,0.12);border:1px solid rgba(56,189,248,0.25);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:0.5px;margin-bottom:24px;}.hero-title{font-family:var(--font-display);font-size:clamp(38px,6vw,64px);line-height:1.1;font-weight:700;margin-bottom:24px;letter-spacing:-0.02em;}.hero-title em{font-style:italic;font-family:'Instrument Serif',serif;color:var(--accent);font-weight:400;}.hero-sub{color:var(--muted);font-size:clamp(16px,2vw,19px);max-width:560px;margin-bottom:36px;}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;}.btn{display:inline-block;padding:14px 28px;border-radius:10px;font-weight:600;font-size:16px;transition:all .25s;cursor:pointer;border:none;}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(56,189,248,0.25);color:#fff;}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);}.section{padding:100px 0;}.section-alt{background:var(--bg-soft);}.section-label{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;}.section-title{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:16px;letter-spacing:-0.01em;}.section-desc{color:var(--muted);max-width:640px;margin-bottom:48px;font-size:17px;}.grid{display:grid;gap:24px;}.grid-2{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(3,1fr);}.grid-4{grid-template-columns:repeat(4,1fr);}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;transition:transform .25s,border-color .25s;}.card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,0.4);}.card-icon{width:44px;height:44px;border-radius:10px;margin-bottom:16px;background:rgba(56,189,248,0.12);display:flex;align-items:center;justify-content:center;font-size:20px;}.card h3{font-family:var(--font-display);font-size:18px;margin-bottom:8px;}.card p{color:var(--muted);font-size:15px;}.price-card{position:relative;overflow:hidden;}.price-card.featured{border-color:var(--accent);}.price-card.featured::before{content:'DOPORUČUJEME';position:absolute;top:14px;right:-32px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 36px;transform:rotate(45deg);}.price{font-family:var(--font-display);font-size:40px;font-weight:700;margin:12px 0 4px;}.price-period{color:var(--muted);font-size:14px;margin-bottom:20px;}.price-features{list-style:none;margin-bottom:24px;}.price-features li{padding:8px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:15px;}.price-features li::before{content:'✓ ';color:var(--accent);font-weight:700;}.step{display:flex;gap:20px;}.step-num{font-family:var(--font-display);font-size:32px;font-weight:700;color:transparent;-webkit-text-stroke:1.5px var(--accent);flex-shrink:0;line-height:1;}.step h3{font-family:var(--font-display);font-size:18px;margin-bottom:6px;}.step p{color:var(--muted);font-size:15px;}.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden;}.faq-q{padding:18px 22px;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center;}.faq-q::after{content:'+';font-size:22px;color:var(--accent);transition:transform .3s;}.faq-item.open .faq-q::after{transform:rotate(45deg);}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}.faq-item.open .faq-a{max-height:300px;}.faq-a p{padding:0 22px 18px;color:var(--muted);}.cta-section{background:linear-gradient(135deg,rgba(56,189,248,0.15),rgba(167,139,250,0.15)),var(--bg);border:1px solid var(--border);border-radius:24px;padding:64px;text-align:center;margin:40px 0;}.cta-section h2{font-family:var(--font-display);font-size:clamp(26px,4vw,38px);margin-bottom:16px;}.cta-section p{color:var(--muted);max-width:560px;margin:0 auto 28px;}.footer{border-top:1px solid var(--border);padding:48px 0 32px;color:var(--muted);font-size:14px;}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}.region-header{display:flex;gap:28px;}.region-header .menu{list-style:none;display:flex;gap:28px;}.region-header .menu a{color:var(--muted);font-size:15px;font-weight:500;}.region-header .menu a:hover{color:var(--text);}.region-footer .menu{list-style:none;display:flex;gap:20px;}.region-footer .menu a{color:var(--muted);}.node{max-width:780px;}.node h1,.node h2,.node h3{font-family:var(--font-display);}.node h1{font-size:clamp(28px,4vw,42px);margin-bottom:20px;}.node h2{font-size:24px;margin:32px 0 12px;}.node h3{font-size:20px;margin:24px 0 8px;}.node p{margin-bottom:16px;color:var(--text);}.node ul,.node ol{margin:0 0 16px 24px;}.node li{margin-bottom:6px;}.node a{color:var(--accent);text-decoration:underline;}.node img{max-width:100%;border-radius:12px;margin:16px 0;}.node table{width:100%;border-collapse:collapse;margin:16px 0;}.node th,.node td{border:1px solid var(--border);padding:10px 14px;text-align:left;}.node th{background:var(--bg-soft);font-family:var(--font-display);}.form-item{margin-bottom:20px;}.form-item label{display:block;margin-bottom:6px;font-weight:500;}.form-item input,.form-item select,.form-item textarea{width:100%;padding:12px 16px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);font-family:var(--font-main);font-size:15px;}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{outline:none;border-color:var(--accent);}.form-actions input[type="submit"],.button--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:14px 28px;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);}.nav-links{position:fixed;top:68px;left:0;right:0;background:var(--bg);flex-direction:column;padding:24px;border-bottom:1px solid var(--border);transform:translateY(-120%);transition:transform .3s ease;}.nav-links.open{transform:translateY(0);}.nav-burger{display:block;}.region-header{flex-direction:column;}.region-header .menu{flex-direction:column;gap:16px;}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}.section{padding:64px 0;}.cta-section{padding:40px 24px;}}