*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Arial,Helvetica,sans-serif;color:#e8eaed;background:#0c0d0f;overflow:hidden}
.hdr{position:fixed;left:0;right:0;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px 56px}
.hdr .logo img{height:58px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}
.hdr nav{display:flex;gap:34px;align-items:center}
.hdr nav a{color:#e8eaed;text-decoration:none;font-size:12px;letter-spacing:2.6px;font-weight:bold;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.hdr nav a.cta{border:1px solid rgba(255,255,255,.35);padding:11px 22px;border-radius:999px}
.hdr nav a.jz{opacity:.7}
#varnice{position:fixed;inset:0;pointer-events:none;z-index:3}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 44px;border-radius:12px;font-weight:bold;font-size:14px;letter-spacing:2.5px;text-decoration:none;color:#fff;border:1px solid #0e1012;text-transform:uppercase}
.btn-crveni{background:linear-gradient(180deg,#e2231a,#9e0d04);box-shadow:0 4px 16px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.22),0 0 30px rgba(255,60,30,.35)}
.btn-linija{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.04);backdrop-filter:blur(6px)}
.skrol{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:5;font-size:10px;letter-spacing:4px;color:#8a9096;display:flex;flex-direction:column;align-items:center;gap:8px}
.skrol i{display:block;width:1px;height:46px;background:linear-gradient(180deg,#ff6a16,transparent);animation:sk 1.6s ease-in-out infinite}
@keyframes sk{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}