html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0a;font-family:Segoe UI;line-height:1.6;overflow-x:hidden}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0a0a0acc;border-bottom:1px solid #ffffff0d;position:fixed;top:0;left:0;right:0}.top-navigacija{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 40px;display:flex}.logo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.navigacija-linkovi{gap:40px;display:flex}.navigacija-linkovi a{color:#a0a0a0;font-size:.95rem;text-decoration:none;transition:color .3s;position:relative}.navigacija-linkovi a:after{content:"";background:linear-gradient(90deg,#667eea,#764ba2);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.navigacija-linkovi a:hover{color:#fff}.navigacija-linkovi a:hover:after{width:100%}.granice{max-width:1000px;margin:0 auto;padding:120px 40px 80px}header{align-items:center;height:60vh;margin-bottom:60px;display:flex}h1{letter-spacing:-2px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:5rem;font-weight:700}@keyframes fade-linija{0%{width:0}to{width:350px}}.ispod-naslova{color:#888;margin-bottom:30px;font-size:1.3rem;font-weight:300}.linija-ispod-naslova{background:linear-gradient(90deg,#667eea,#764ba2);width:350px;height:3px;margin-top:30px;animation:1s ease-out fade-linija}section{opacity:0;margin-bottom:120px;scroll-margin-top:100px;animation:1s forwards fade-animacija}@keyframes fade-animacija{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}h2{text-transform:uppercase;letter-spacing:3px;color:#667eea;margin-bottom:40px;font-size:.875rem;font-weight:600}.o-meni-tekst{color:#b0b0b0;max-width:800px;font-size:1.4rem;font-weight:300;line-height:1.9}.znanja-matrica{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.znanje-kartica{cursor:default;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:32px 24px;transition:all .3s}.znanje-kartica:hover{background:#ffffff0a;border-color:#667eea4d;transform:translateY(-4px)}.ikona{color:#667eea;margin-bottom:16px;font-size:2rem;font-weight:300}.ime{color:#e0e0e0;margin-bottom:6px;font-size:1.1rem;font-weight:500}.status{color:#666;font-size:.9rem}.projekti-tekst{color:#b0b0b0;max-width:600px;margin:20px 0;font-family:Segoe UI;font-size:1.4rem;font-weight:300;line-height:1.8}.kontakt-matrica{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.link{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:20px;padding:28px;text-decoration:none;transition:all .3s;display:flex}.link:hover{background:#ffffff0a;border-color:#667eea4d;transform:translateY(-4px)}.kontakt-ikona{color:#667eea;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.kontakt-ikona img{object-fit:contain;width:60%;height:60%}.kontakt-tekst{flex:1}.nacin{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.85rem}.nacin-tekst{color:#e0e0e0;font-size:1rem}footer{text-align:center;color:#666;text-align:center;margin-top:120px;padding-top:40px;font-size:.9rem}.footer-linija{background:linear-gradient(90deg,#0000,#667eea4d,#0000);width:100%;height:1px;margin-bottom:30px}.floating-ikone{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.floating-ikone .logo-floating{opacity:.25;filter:drop-shadow(0 0 10px #667eea4d);width:50px;transition:opacity .3s;position:absolute}.floating-ikone .logo-floating:hover{opacity:.5}.floating-ikone .logo-floating:first-child{animation-delay:0s;top:10%;left:20%}.floating-ikone .logo-floating:nth-child(2){animation-delay:2s;top:40%;left:70%}.floating-ikone .logo-floating:nth-child(3){animation-delay:4s;top:60%;left:30%}.floating-ikone .logo-floating:nth-child(4){animation-delay:6s;top:20%;left:50%}.floating-ikone .logo-floating:nth-child(5){animation-delay:1s;top:50%;left:80%}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}