:root{--green:#aacc00;--green-dark:#8aaa00;--forest:#1c501c;--forest-light:#255225;--black:#0d0d0d;--dark:#181818;--dark2:#222222;--white:#f5f5f5;--muted:#888;--font-display:'Bebas Neue',sans-serif;--font-body:'Kanit',sans-serif}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:0 24px}.hero{width:100%;background:var(--black);overflow:hidden;position:relative}.hero-image-wrap{width:100%;position:relative}.hero-image{width:100%;height:auto;display:block}.confetti-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in.delay-1{transition-delay:0.12s}.fade-in.delay-2{transition-delay:0.24s}.fade-in.delay-3{transition-delay:0.36s}.intro{padding:72px 0 56px;text-align:center;background:linear-gradient(180deg,#0d1a0d 0,var(--black) 100%)}.intro-label{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:16px}.intro-title{font-family:var(--font-display);font-size:clamp(48px, 8vw, 96px);line-height:1;letter-spacing:.02em;color:var(--white);margin-bottom:24px}.intro-sub{font-size:17px;font-weight:300;color:#bbb;max-width:640px;margin:0 auto;line-height:1.8}.details{padding:56px 0;background:var(--dark);border-top:2px solid var(--green);border-bottom:1px solid #2e2e2e}.details-grid{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.detail-card{display:flex;align-items:flex-start;gap:20px;background:linear-gradient(135deg,var(--forest) 0,#111a11 100%);border:1px solid var(--forest-light);border-radius:12px;padding:28px 36px;min-width:280px;flex:1;max-width:480px;text-decoration:none;color:inherit}.detail-card--link{transition:border-color .2s ease,box-shadow .2s ease}.detail-card--link:hover{border-color:var(--green);box-shadow:0 4px 20px rgba(28,80,28,.6)}.detail-icon{width:28px;height:28px;flex-shrink:0;margin-top:4px;color:var(--green)}.detail-label{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:6px}.detail-value{font-family:var(--font-display);font-size:28px;letter-spacing:.03em;color:var(--white);line-height:1.1}.detail-value-th{font-size:15px;color:var(--muted);margin-top:4px}.categories{padding:80px 0;background:var(--black)}.section-title{font-family:var(--font-display);font-size:clamp(28px, 4vw, 42px);letter-spacing:.04em;color:var(--white);text-align:center;margin-bottom:48px}.section-title-th{font-family:var(--font-body);font-size:.6em;font-weight:400;color:var(--muted);letter-spacing:.01em}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:20px}.cat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--dark2);border:1px solid #2a2a2a;border-top:3px solid var(--green);border-radius:12px;padding:36px 20px;text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.cat-card:hover{transform:translateY(-5px);border-top-color:var(--green);box-shadow:0 8px 32px rgba(170,204,0,.12)}.cat-card--featured{background:linear-gradient(160deg,var(--forest) 0,#0f220f 100%);border:1px solid var(--forest-light);border-top:3px solid var(--green);box-shadow:0 4px 24px rgba(28,80,28,.5);position:relative}.cat-card--featured::before{content:'Highlight';position:absolute;top:-1px;right:16px;background:var(--green);color:var(--black);font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:0 0 6px 6px}.cat-card--featured .cat-dist{font-size:72px}.cat-card--featured:hover{box-shadow:0 10px 36px rgba(28,80,28,.7),0 0 0 1px var(--forest-light)}.cat-dist{font-family:var(--font-display);font-size:64px;line-height:1;color:var(--green);letter-spacing:-.01em}.cat-dist .km{font-size:28px;color:#666;margin-left:2px}.cat-name{font-size:17px;font-weight:700;color:var(--white);margin-top:12px;letter-spacing:.03em}.cat-name-th{font-size:14px;color:var(--muted);margin-top:4px}.register{padding:88px 0;background:var(--dark);border-top:2px solid var(--green);text-align:center}.register-inner{max-width:640px}.register-title{font-family:var(--font-display);font-size:clamp(32px, 5vw, 54px);letter-spacing:.04em;color:var(--white);margin-bottom:12px}.register-sub{font-size:15px;color:var(--muted);margin-bottom:36px;line-height:1.8}.btn-cta{display:inline-block;padding:16px 48px;border-radius:50px;font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background .2s ease,color .2s ease;background:var(--green);color:var(--black)}.btn-cta:not(.btn-disabled):hover{background:var(--green-dark)}.btn-disabled{background:#2a2a2a;color:#555;cursor:not-allowed;pointer-events:none}.footer{padding:40px 0;background:var(--black);border-top:1px solid #1e1e1e}.footer-inner{text-align:center}.footer-logo{font-family:var(--font-display);font-size:36px;letter-spacing:.1em;color:var(--white);margin-bottom:8px}.footer-year{color:var(--green);margin-left:4px}.footer-copy{font-size:13px;color:#555;margin-bottom:4px}.footer-org{font-size:13px;color:#444}@media (max-width:768px){.cat-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.details-grid{flex-direction:column}.detail-card{max-width:100%}.intro{padding:48px 0 40px}.register{padding:60px 0}}