*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Arial Black','Impact',sans-serif;background:#1a0f05;color:#fff5e1;overflow-x:hidden}
.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.06;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:3px 3px}

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#3a1c04 0%,#8a3e0a 35%,#d9770a 65%,#f2b134 100%);position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,transparent 30%,rgba(0,0,0,.6) 100%)}
.hero-inner{position:relative;z-index:2;padding:20px}
.tagline{letter-spacing:6px;font-size:.9rem;color:#ffd98a;margin-bottom:20px;animation:fade 2s ease}
.title{font-size:clamp(4rem,15vw,11rem);line-height:.85;text-shadow:0 6px 30px rgba(0,0,0,.6);color:#fff;font-weight:900;letter-spacing:-4px}
.title span{display:block;color:#ffce54;-webkit-text-stroke:2px #a3450a;font-size:clamp(3rem,12vw,9rem)}
.subtitle{font-size:clamp(1rem,3vw,1.8rem);margin-top:20px;color:#ffe9c0;font-style:italic}
.dates{margin-top:30px;font-size:clamp(1.2rem,4vw,2.5rem);letter-spacing:8px;color:#ff8c42;border-top:2px solid #ff8c42;border-bottom:2px solid #ff8c42;display:inline-block;padding:10px 30px}
.cta{display:inline-block;margin-top:40px;background:#ffce54;color:#3a1c04;padding:18px 50px;text-decoration:none;font-size:1.3rem;letter-spacing:3px;border-radius:4px;transition:.3s;box-shadow:0 8px 25px rgba(0,0,0,.4)}
.cta:hover{background:#fff;transform:scale(1.08)}

.section{padding:80px 20px;max-width:1100px;margin:0 auto}
.sec-title{text-align:center;font-size:clamp(2rem,6vw,3.5rem);color:#ffce54;letter-spacing:4px;margin-bottom:50px;text-shadow:0 3px 15px rgba(255,140,66,.3)}

.heroes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}
.hero-card{background:linear-gradient(150deg,#2a1608,#5a2c0a);border:1px solid #a3450a;border-radius:8px;padding:30px 25px;position:relative;overflow:hidden;transition:.3s}
.hero-card:hover{transform:translateY(-8px);border-color:#ffce54}
.hero-num{position:absolute;top:-15px;right:5px;font-size:5rem;color:rgba(255,206,84,.15)}
.hero-card h3{color:#ff8c42;font-size:1.3rem;margin-bottom:12px}
.hero-card p{font-family:Arial,sans-serif;font-weight:normal;color:#ffe9c0;line-height:1.5;font-size:.95rem}

.plan-sec{background:linear-gradient(180deg,transparent,rgba(217,119,10,.08),transparent)}
.route{text-align:center;color:#ffce54;letter-spacing:2px;margin-bottom:40px;font-size:clamp(.9rem,2.5vw,1.4rem)}
.timeline{max-width:750px;margin:0 auto;border-left:3px solid #ff8c42;padding-left:30px}
.tl-item{margin-bottom:40px;position:relative}
.tl-item::before{content:'';position:absolute;left:-40px;top:5px;width:16px;height:16px;background:#ffce54;border-radius:50%;box-shadow:0 0 15px #ff8c42}
.tl-date{color:#ff8c42;letter-spacing:3px;font-size:.9rem;margin-bottom:8px}
.tl-body h3{color:#fff;font-size:1.5rem;margin-bottom:8px}
.tl-body p{font-family:Arial,sans-serif;font-weight:normal;color:#ffe9c0;line-height:1.6}

.join-sec{text-align:center}
.join-form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:15px}
.join-form input{padding:16px;border:2px solid #a3450a;background:#2a1608;color:#fff;font-family:Arial,sans-serif;font-size:1rem;border-radius:6px}
.join-form input:focus{outline:none;border-color:#ffce54}
.join-form button{padding:18px;background:#ffce54;color:#3a1c04;border:none;font-family:'Arial Black',sans-serif;letter-spacing:2px;font-size:1.1rem;border-radius:6px;cursor:pointer;transition:.3s}
.join-form button:hover{background:#fff;transform:scale(1.03)}
.msg{background:#8a3e0a;color:#fff;padding:15px;border-radius:6px;margin-bottom:25px;max-width:500px;margin-left:auto;margin-right:auto}
.crew-list{margin-top:50px;max-width:600px;margin-left:auto;margin-right:auto}
.crew-list h3{color:#ff8c42;letter-spacing:3px;margin-bottom:20px}
.crew-item{background:rgba(90,44,10,.5);padding:14px 20px;border-radius:6px;margin-bottom:10px;text-align:left;border-left:3px solid #ffce54}
.crew-item strong{color:#ffce54}
.crew-item span{display:block;font-family:Arial,sans-serif;font-weight:normal;color:#ffe9c0;font-size:.9rem;margin-top:4px}

.footer{text-align:center;padding:40px 20px;background:#0f0803;color:#a3450a;font-family:Arial,sans-serif;font-size:.85rem;letter-spacing:1px}

@keyframes fade{from{opacity:0}to{opacity:1}}