@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--green:#07372d;--green2:#0e4b3d;--gold:#d3a438;--sky:#cfe8f4;--ink:#15211e;--soft:#f3f5ef;--white:#fff;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}h1,h2,h3,.navbar-brand{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;line-height:.95}h2{font-size:clamp(2.6rem,6vw,5rem);font-weight:900;letter-spacing:-.03em}.site-header{position:absolute;top:0;left:0;right:0;z-index:10}.navbar-brand{font-size:1.3rem;line-height:.8}.navbar-brand span{color:var(--gold);font-size:2.2rem}.navbar-brand small{display:block;color:var(--gold);letter-spacing:.08em}.nav-link{color:#fff!important;font-weight:600}.btn{border-radius:999px;padding:.8rem 1.35rem;font-weight:700}.btn-gold{background:var(--gold);border-color:var(--gold);color:#102c25}.btn-gold:hover{background:#e2b84d;border-color:#e2b84d}.hero{min-height:760px;background:radial-gradient(circle at 80% 18%,rgba(255,245,188,.22),transparent 18%),linear-gradient(135deg,var(--green) 0%,#03241e 100%);color:#fff;overflow:hidden;padding:130px 0 60px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:var(--gold);font-size:.78rem}.hero h1{font-size:clamp(4.4rem,9vw,8.7rem);font-weight:900;letter-spacing:-.045em;margin:0}.hero h1 span{color:var(--gold)}.hero .lead{font-size:1.25rem;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art img{width:100%;max-height:610px;object-fit:cover;object-position:top;border-radius:44% 44% 24px 24px;box-shadow:0 30px 80px #0007}.countdown{display:flex;gap:28px;margin-top:36px}.countdown div{display:flex;flex-direction:column}.countdown strong{font:800 2rem 'Barlow Condensed';color:var(--gold)}.countdown span{text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}.quick-facts{background:var(--gold);padding:25px 0}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.facts-grid article{display:flex;gap:14px;align-items:center}.facts-grid i{font-size:2rem}.facts-grid span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.facts-grid strong{display:block}.section{padding:100px 0}.section-heading{max-width:780px;margin-bottom:45px}.section-heading p:last-child{font-size:1.1rem;color:#5b6864}.route-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.route-card{padding:38px;border:1px solid #dfe5df;border-radius:var(--radius);background:#fff}.route-card.featured{background:var(--green);color:#fff}.route-label{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--gold);font-weight:800}.route-card h3{font-size:3rem;font-weight:900;margin:10px 0 18px}.route-stats{display:flex;gap:32px;padding:18px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;margin-bottom:20px}.route-card:not(.featured) .route-stats{border-color:#dde3df}.route-stats strong{font:900 2.1rem 'Barlow Condensed';display:block}.text-link{font-weight:800;color:var(--gold);text-decoration:none}.maps-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.maps-grid figure,.profile-figure{margin:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 45px #17352d16}.maps-grid img,.profile-figure img{width:100%;display:block}.maps-grid figcaption,.profile-figure figcaption{padding:15px 20px;font-weight:700}.profile-figure{margin-top:24px}.section-dark{background:var(--green);color:#fff}.section-heading.light p:last-child{color:#c7d8d2}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.timeline div{border-top:3px solid var(--gold);padding-top:25px}.timeline time{font:900 2.2rem 'Barlow Condensed';color:var(--gold)}.timeline h3{font-size:1.6rem;margin:9px 0}.timeline p{color:#c9d6d2;font-size:.92rem}.registration-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.intro{font-size:1.1rem;color:#5b6864}.price-list{margin-top:30px;border-top:1px solid #ddd}.price-list div{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ddd}.price-list strong{font:900 2rem 'Barlow Condensed';color:var(--green)}.payment-card{background:var(--sky);padding:38px;border-radius:var(--radius)}.payment-card h3{font-size:2rem;font-weight:900}.payment-card dt{font-weight:800;margin-top:15px}.payment-card dd{margin:3px 0}.section-soft{background:var(--soft)}.prize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.prize-grid article{background:#fff;padding:35px;border-radius:var(--radius);box-shadow:0 12px 40px #1b362e10}.prize-grid i{font-size:2.7rem;color:var(--gold)}.prize-grid h3{font-size:1.8rem;margin:15px 0}.prize-grid ol{padding-left:1.4rem;font-size:1.1rem}.rules-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.accordion-item{border:0;border-bottom:1px solid #dce2de}.accordion-button{font-weight:800;font-size:1.05rem;padding:24px 0}.accordion-button:not(.collapsed){background:none;color:var(--green);box-shadow:none}.accordion-body{padding:0 0 24px}.contact-section{background:var(--sky)}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center}.contact-cards{display:grid;gap:12px}.contact-cards a{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--ink);background:#fff;padding:17px;border-radius:14px}.contact-cards i{font-size:1.6rem;color:var(--gold)}.contact-cards strong{display:block}.useful-links{display:grid;gap:10px}.useful-links a{font-weight:800;color:var(--green);font-size:1.12rem}footer{background:#03241e;color:#cfddd8;padding:35px 0}footer .container{display:flex;justify-content:space-between;align-items:center}footer a{color:var(--gold);text-decoration:none;font-weight:800}
@media(max-width:991px){.site-header{position:relative;background:var(--green)}.hero{padding-top:70px}.hero-grid,.registration-grid,.rules-grid,.contact-grid{grid-template-columns:1fr}.hero-art{max-width:550px;margin:auto}.facts-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr 1fr}.contact-grid{align-items:start}}
@media(max-width:700px){.hero{min-height:auto}.hero-grid{gap:35px}.hero h1{font-size:4rem}.hero-art img{max-height:430px}.facts-grid,.route-cards,.maps-grid,.prize-grid,.timeline{grid-template-columns:1fr}.section{padding:70px 0}.countdown{gap:18px}.route-card{padding:27px}.registration-grid,.rules-grid{gap:35px}.contact-grid{gap:25px}footer .container{align-items:flex-start;gap:20px;flex-direction:column}}

/* Granfondo v2: organizatori i domaćin */
.site-header{padding-bottom:70px}
.header-partners{height:58px;display:flex;justify-content:flex-end;align-items:center;gap:16px;color:#fff}
.header-partners a{height:48px;min-width:66px;padding:4px 8px;background:#ffffffee;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}
.header-partners a:hover{transform:translateY(-2px);background:#fff}
.header-partners img{display:block;max-height:40px;max-width:105px;width:auto}
.header-partners .partner-caption{font-size:.65rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;opacity:.75}
.header-partners .host-caption{margin-left:14px}
.hero{padding-top:205px}
.hero-invite{max-width:650px;color:#d6e3df;font-size:1.03rem;margin:-8px 0 28px}
.organizers-section{background:linear-gradient(180deg,#fff 0%,#f6f3ea 100%)}
.organizer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.organizer-card{display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center;padding:28px;border:1px solid #dde4df;border-radius:var(--radius);background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 12px 35px #17352d0d;transition:transform .2s ease,box-shadow .2s ease}
.organizer-card:hover{color:var(--ink);transform:translateY(-4px);box-shadow:0 18px 45px #17352d18}
.organizer-card img{width:100%;height:105px;object-fit:contain}
.organizer-card span{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800}
.organizer-card h3{font-size:2rem;font-weight:900;margin:7px 0 10px}
.organizer-card p{font-size:.92rem;color:#5b6864;margin-bottom:10px}
.organizer-card strong{color:var(--green);font-size:.88rem}
.organizer-card.host-card{border-color:#d8c17f;background:#fffdf6}
.media-invite{margin-top:32px;background:var(--green);color:#fff;border-radius:var(--radius);padding:35px 42px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start}
.media-invite>i{font-size:3rem;color:var(--gold)}
.media-invite h3{font-size:2rem;font-weight:900;margin:0 0 10px}
.media-invite p{color:#d0ded9;max-width:900px}
.media-invite a{color:var(--gold);font-weight:800;text-decoration:none}
@media(max-width:991px){.site-header{padding-bottom:0}.header-partners{height:auto;padding-bottom:16px;justify-content:flex-start;flex-wrap:wrap}.header-partners .partner-caption{width:100%}.header-partners .host-caption{width:auto;margin-left:0}.hero{padding-top:70px}.organizer-grid{grid-template-columns:1fr}}
@media(max-width:700px){.header-partners a{height:43px;min-width:56px}.header-partners img{max-height:34px;max-width:85px}.organizer-card{grid-template-columns:92px 1fr;padding:20px;gap:18px}.organizer-card img{height:78px}.media-invite{padding:27px;grid-template-columns:1fr}.media-invite>i{font-size:2.3rem}}

/* v3 adjustments */
.navbar-brand{letter-spacing:.045em}.navbar-brand small{letter-spacing:.14em}
.hero h1{letter-spacing:.015em}.hero h1 span{margin-right:.06em}
.hero-art{display:flex;justify-content:center}.hero-art img{width:min(82%,430px);max-height:560px;object-fit:contain;object-position:center;border-radius:24px;background:transparent}
.header-partners a,.organizer-card img{background:transparent!important}
.header-partners img{mix-blend-mode:normal}
.organizer-card{background:#fff}.organizer-card img{filter:none}
.aquapark-section{padding-top:70px;background:linear-gradient(135deg,#edf9ff 0%,#fff 70%)}
.aquapark-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center;border-radius:28px;padding:45px;background:#fff;box-shadow:0 18px 60px #17352d14;border:1px solid #d9e9ef}
.aquapark-logo{display:flex;align-items:center;justify-content:center;min-height:180px;text-decoration:none}
.aquapark-logo img{display:block;width:100%;max-width:470px;height:auto;background:transparent}
.aquapark-card h2{font-size:clamp(2.5rem,5vw,4.7rem);margin:8px 0 20px}
.aquapark-card p:not(.eyebrow){color:#536662;font-size:1.05rem}
@media(max-width:991px){.hero-art img{width:min(64%,380px);max-height:470px}.aquapark-card{grid-template-columns:1fr;gap:25px}.aquapark-logo{min-height:110px}.aquapark-logo img{max-width:390px}}
@media(max-width:700px){.navbar-brand{font-size:1.05rem;letter-spacing:.025em}.navbar-brand span{font-size:1.8rem}.hero h1{font-size:3.55rem;letter-spacing:.025em}.hero-art img{width:min(68%,300px);max-height:390px}.aquapark-card{padding:26px}.aquapark-card h2{font-size:2.6rem}}