:root{
  --red:#ed1119;
  --red2:#b90007;
  --ink:#0a0a0a;
  --paper:#f7f7f4;
  --lime:#8dff00;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#101010;color:#111;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body{min-width:320px}
.site-shell{width:100%;background:#fff}
.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,86px);border-bottom:1px solid #eee;position:relative;z-index:20}
.brand{display:flex;align-items:center;text-decoration:none;color:#111;font-family:Impact,'Arial Black',sans-serif;font-style:italic;position:relative;padding-bottom:14px;line-height:.8;transform:skew(-2deg)}
.brand-i{font-size:31px;margin-right:5px}.brand-heart{font-size:36px;color:var(--red);margin-right:7px;filter:drop-shadow(0 1px 0 #600)}
.brand-rally,.brand-club{font-size:34px;letter-spacing:-1px}.brand-club{color:var(--red)}
.brand small{position:absolute;bottom:0;left:4px;white-space:nowrap;font:700 7px/1 Arial,Helvetica,sans-serif;letter-spacing:3px;color:#222;font-style:normal}
.topbar-right{display:flex;align-items:center;gap:34px}.since{font:italic 900 25px/1 Impact,'Arial Black',sans-serif;letter-spacing:2px}.since strong{color:var(--red);font-size:30px;margin-right:8px}
.menu{width:42px;height:38px;border:0;background:transparent;padding:5px;display:grid;align-content:center;gap:5px;cursor:pointer}.menu span{height:4px;background:#111;width:100%;display:block}

.hero{height:445px;position:relative;overflow:hidden;background:#eee}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(1.1) contrast(1.02)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 26%,rgba(255,255,255,.70) 38%,rgba(255,255,255,.18) 51%,rgba(255,255,255,0) 62%)}
.hero-fade{position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.025) 0 1px,transparent 1px 12px);opacity:.8;z-index:2}
.hero-copy{position:relative;z-index:3;width:min(700px,51vw);padding:40px 0 20px clamp(28px,5vw,88px);height:100%}
.eyebrow{font-size:11px;letter-spacing:5px;font-weight:900;margin-bottom:20px}
.hero h1{font-family:Impact,'Arial Black',sans-serif;font-style:italic;line-height:.82;margin:0;letter-spacing:-2px;text-transform:uppercase}
.hero h1 span{display:block;font-size:92px;color:#080808}.hero h1 strong{display:block;font-size:95px;color:var(--red);font-weight:900;text-shadow:0 2px 0 rgba(100,0,0,.1)}
.hero h2{font:italic 900 44px/1 Impact,'Arial Black',sans-serif;margin:18px 0 10px;letter-spacing:.3px}
.hero p{font-size:17px;line-height:1.35;margin:0;max-width:460px}
.scribble{position:absolute;left:45%;bottom:17px;font:italic 700 24px/1.05 'Comic Sans MS',cursive;transform:rotate(-7deg);border-bottom:5px solid var(--red);padding:0 10px 7px;color:#222}
.sideways{position:absolute;z-index:4;right:5%;top:36px;font:italic 900 31px/1.05 Impact,'Arial Black',sans-serif;text-align:center;transform:rotate(-7deg);text-shadow:0 1px 0 #fff}.sideways strong{color:var(--red);font-size:46px;display:inline-block;border-bottom:6px solid var(--red);padding-bottom:4px}

.countdown-section{height:220px;background:#090909;color:#fff;position:relative;overflow:hidden;border-top:1px solid #1d1d1d}
.countdown-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 18%,rgba(153,48,10,.32),transparent 33%),radial-gradient(circle at 35% 110%,rgba(255,255,255,.06),transparent 40%),linear-gradient(135deg,#070707,#0d0d0d 48%,#080808);}
.countdown-texture{position:absolute;inset:0;opacity:.16;background-image:repeating-linear-gradient(17deg,transparent 0 31px,rgba(255,255,255,.13) 31px 34px,transparent 34px 57px);transform:skew(-8deg) scale(1.15)}
.count-wrap{position:relative;height:100%;max-width:1448px;margin:auto;padding:12px clamp(20px,5vw,78px)}
.count-wrap h3{margin:0 0 6px;font:italic 800 17px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.5px}.count-wrap h3 i{display:inline-block;width:14px;height:22px;border-left:4px solid var(--red);border-right:4px solid var(--red);transform:skew(-18deg);margin-right:10px;vertical-align:middle}
.gauges{display:flex;align-items:center;gap:clamp(16px,4vw,55px);height:175px;padding-left:12%}
.gauge{position:relative;border-radius:50%;background:conic-gradient(from -28deg,var(--red) 0 58deg,#252525 59deg 360deg);box-shadow:0 10px 22px #000,0 0 0 2px #383838, inset 0 0 0 4px #0f0f0f;flex:0 0 auto}
.gauge:before{content:"";position:absolute;inset:8px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#aaa 0 1deg,transparent 1deg 13deg);opacity:.45}
.gauge:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#090909;box-shadow:inset 0 0 14px #000,0 0 0 3px #2a2a2a}
.gauge.small{width:116px;height:116px}
.gauge-inner{position:absolute;z-index:3;inset:16px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.gauge.small b{font:900 34px/1 Impact,'Arial Black',sans-serif;color:#fff;text-shadow:2px 2px 0 #222}.gauge.small span{font-size:11px;font-weight:700;margin-top:5px}.gauge.small em{font-style:normal;font-size:17px;margin-top:6px;color:#fff}
.gauge.launch{width:188px;height:188px;margin-left:8px;background:conic-gradient(from 8deg,var(--red) 0 67deg,#242424 68deg 360deg);transform:translateY(-9px)}
.gauge.launch:after{inset:18px}.launch-inner{inset:24px}.launch-inner .launch-label{font-size:10px;letter-spacing:.3px}.launch-inner b{font:900 28px/1 Impact,'Arial Black',sans-serif;color:var(--red);margin:10px 0}.launch-inner em{font-size:24px;font-style:normal;color:#fff;margin-bottom:4px}.launch-inner .calendar{font-size:10px;line-height:1.1}
.countdown-quote{position:absolute;right:4%;bottom:22px;font:italic 900 18px/1.28 Impact,'Arial Black',sans-serif;letter-spacing:1px;border-bottom:4px solid var(--red);padding-bottom:5px;transform:rotate(-3deg);color:#f1f1f1}

.sponsor{height:300px;display:grid;grid-template-columns:50% 50%;background:#f7f7f5;position:relative;overflow:hidden}
.sponsor:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(0,0,0,.027) 0 1px,transparent 1px 13px);pointer-events:none;z-index:2}
.sponsor-left{position:relative;z-index:4;padding:16px 24px 18px clamp(28px,5vw,85px);display:grid;grid-template-columns:55% 45%;grid-template-rows:auto 1fr;gap:4px 34px;background:linear-gradient(105deg,#f9f9f7 0%,#f9f9f7 92%,rgba(249,249,247,.86) 100%)}
.sponsor-ribbon{grid-column:1/-1;position:relative;color:#fff;background:linear-gradient(90deg,#ef1820,#c90d13);font:italic 900 18px/1 Impact,'Arial Black',sans-serif;padding:8px 18px;width:max-content;min-width:325px;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,6% 50%)}
.sponsor-ribbon .checks{position:absolute;color:#111;left:104%;top:0;font-size:34px;letter-spacing:-8px;transform:rotate(3deg)}
.sponsor-logo{align-self:center;position:relative;padding-top:18px}.sponsor-logo .speed-arc{display:block;width:230px;height:55px;border-top:8px solid #111;border-radius:50% 50% 0 0;transform:skew(-18deg);margin:0 auto -10px;position:relative}.sponsor-logo .speed-arc:after{content:"";position:absolute;right:5px;top:-8px;width:74px;border-top:8px solid var(--red);transform:rotate(8deg)}
.sponsor-logo strong{display:block;font:italic 900 53px/.85 Impact,'Arial Black',sans-serif;white-space:nowrap;letter-spacing:-2px}.sponsor-logo strong i{font-style:italic;color:var(--red)}.sponsor-logo strong b{color:#111;font-weight:900}.sponsor-logo strong small{font-size:26px;letter-spacing:-1px}.sponsor-logo em{display:block;font-style:normal;font-size:8px;font-weight:800;letter-spacing:3px;margin-top:12px}
.sponsor-copy{align-self:center;padding-right:20px}.sponsor-copy h4{margin:0 0 7px;font-size:17px;line-height:1.1}.sponsor-copy p{font-size:12px;line-height:1.35;margin:0 0 12px}.cta{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;background:linear-gradient(90deg,#f32026,#d20a11);color:#fff;text-decoration:none;padding:10px 15px;font-weight:900;font-size:13px;box-shadow:inset -28px 0 #111;clip-path:polygon(0 0,93% 0,100% 50%,93% 100%,0 100%)}.cta span{font-size:26px;margin-left:22px}
.sponsor-right{position:relative;overflow:hidden}.sponsor-right img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block;filter:saturate(1.08) contrast(1.03)}
.sponsor-image-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,247,245,1) 0%,rgba(247,247,245,.72) 8%,rgba(247,247,245,0) 29%)}
.greek-rally{position:absolute;right:7%;bottom:20px;color:#111;font:italic 900 21px/1.05 Impact,'Arial Black',sans-serif;text-align:center;transform:rotate(-8deg);border-bottom:4px solid var(--red);padding:0 6px 5px;background:rgba(255,255,255,.45)}

.footer{height:64px;background:linear-gradient(90deg,#111,#181818);color:#ddd;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 clamp(25px,5vw,78px);font-size:9px;letter-spacing:.4px}.footer-admin{text-align:right;font:italic 800 12px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.7px;color:#fff}.footer-admin a{color:#fff;text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:3px;margin-left:7px}.footer-admin a:hover{color:var(--red)}

@media(max-width:1100px){
  .hero-copy{width:58vw}.hero h1 span{font-size:74px}.hero h1 strong{font-size:76px}.hero h2{font-size:38px}.sideways{font-size:24px}.sideways strong{font-size:36px}
  .gauges{padding-left:5%;gap:22px}.gauge.small{width:100px;height:100px}.gauge.launch{width:165px;height:165px}.countdown-quote{display:none}
  .sponsor-logo strong{font-size:43px}.sponsor-left{grid-template-columns:52% 48%;gap:12px}.sponsor-ribbon{min-width:280px;font-size:16px}
}
@media(max-width:800px){
  .topbar{height:66px;padding:0 16px}.brand-rally,.brand-club{font-size:25px}.brand-heart{font-size:29px}.brand-i{font-size:24px}.brand small{display:none}.since{font-size:15px}.since strong{font-size:19px}.menu{width:34px}.topbar-right{gap:12px}
  .hero{height:580px}.hero-photo{object-position:62% center}.hero:after{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 48%,rgba(255,255,255,.22) 70%,transparent 86%)}.hero-copy{width:100%;padding:28px 20px}.eyebrow{font-size:9px;letter-spacing:3px}.hero h1 span{font-size:68px}.hero h1 strong{font-size:68px}.hero h2{font-size:34px}.scribble{left:auto;right:24px;bottom:32px}.sideways{right:18px;top:372px;font-size:20px}.sideways strong{font-size:31px}
  .countdown-section{height:auto;min-height:530px}.count-wrap{padding:16px 18px 25px}.gauges{height:auto;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:22px;padding:15px 0}.gauge.launch{grid-column:1/-1;width:178px;height:178px;margin:4px 0 0;transform:none}
  .sponsor{height:auto;display:block}.sponsor-left{min-height:360px;grid-template-columns:1fr;padding:22px 22px 28px}.sponsor-ribbon{grid-column:auto}.sponsor-logo .speed-arc{margin-left:0}.sponsor-copy{padding-right:0}.sponsor-right{height:320px}.sponsor-image-fade{background:linear-gradient(180deg,rgba(247,247,245,1),rgba(247,247,245,0) 22%)}
  .footer{height:auto;grid-template-columns:1fr;text-align:center;gap:15px;padding:22px}.footer-admin{text-align:center}
}


/* Google-friendly visible SEO content: useful copy, not hidden keyword stuffing */
.seo-story{background:#fff;color:#151515;border-top:1px solid #ececec;position:relative;overflow:hidden}
.seo-story:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(0,0,0,.022) 0 1px,transparent 1px 14px);pointer-events:none}
.seo-story-inner{position:relative;max-width:1180px;margin:0 auto;padding:42px clamp(28px,5vw,78px) 46px}
.seo-kicker{font-size:11px;font-weight:900;letter-spacing:3px;color:var(--red);margin-bottom:10px}
.seo-story h2{margin:0 0 14px;font:italic 900 31px/1.05 Impact,'Arial Black',sans-serif;letter-spacing:.2px}
.seo-story h2:after{content:"";display:block;width:105px;height:5px;background:var(--red);margin-top:12px;transform:skew(-18deg)}
.seo-story p{max-width:980px;margin:0 0 10px;font-size:15px;line-height:1.65;color:#333}
.seo-story strong{color:#111}
@media(max-width:800px){.seo-story-inner{padding:30px 22px 34px}.seo-story h2{font-size:27px}.seo-story p{font-size:14px;line-height:1.6}}


/* Μικρή ελληνική ενημέρωση cookies */
.cookie-notice{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:2147483647;display:flex;align-items:center;gap:16px;max-width:min(720px,calc(100vw - 28px));padding:10px 12px 10px 16px;background:rgba(12,12,12,.96);color:#fff;border:1px solid #303030;border-left:4px solid var(--red);box-shadow:0 10px 32px rgba(0,0,0,.35);font-size:12px;line-height:1.35}
.cookie-notice[hidden]{display:none}
.cookie-notice__text{display:flex;align-items:baseline;gap:8px;min-width:0}
.cookie-notice__text strong{font:italic 900 13px/1 Arial,Helvetica,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.cookie-notice__text span{color:#ddd}
.cookie-notice__btn{flex:0 0 auto;border:0;background:var(--red);color:#fff;padding:8px 13px;font-size:11px;font-weight:900;letter-spacing:.5px;cursor:pointer;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}
.cookie-notice__btn:hover,.cookie-notice__btn:focus-visible{background:#ff242c;outline:2px solid #fff;outline-offset:2px}
@media(max-width:620px){.cookie-notice{bottom:8px;gap:10px;padding:10px 10px 10px 12px}.cookie-notice__text{display:block}.cookie-notice__text strong{display:block;margin-bottom:3px}.cookie-notice__text span{font-size:11px}.cookie-notice__btn{padding:8px 11px}}