:root{--rave-orange:#ff6b35;--rave-purple:#b042ff;--rave-cyan:#00d4ff;--rave-yellow:#ffff00;--pure-white:#fff;--off-white:#f5f5f5;--warm-grey:#6c757d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:radial-gradient(circle at 20% 50%,#1a0033 0%,#0a0a0a 50%,#000 100%);color:var(--off-white);line-height:1.6;min-height:100vh;padding:1rem}.main-header{text-align:center;margin-bottom:3rem;padding:3rem 1rem;background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(176,66,255,.1));border-radius:20px;border:2px solid var(--rave-orange);box-shadow:0 0 40px rgba(255,107,53,.6)}.main-title{font-size:clamp(3rem,12vw,5rem);font-weight:900;color:var(--rave-orange);text-shadow:0 0 20px var(--rave-orange);margin-bottom:.5rem;letter-spacing:4px}.main-tagline{font-size:clamp(1.1rem,4vw,1.5rem);color:var(--rave-cyan);font-weight:600;margin-bottom:.5rem}.mission{font-size:clamp(1rem,3vw,1.3rem);color:var(--rave-yellow);font-weight:700;letter-spacing:2px;text-transform:uppercase}.system-title{font-size:clamp(2rem,8vw,3rem);color:var(--rave-orange);text-align:center;margin-bottom:1rem;font-weight:800}.system-intro{text-align:center;font-size:1.2rem;color:var(--warm-grey);margin-bottom:3rem}.neuron-grid{display:grid;gap:3rem}.neuron-cluster{background:rgba(255,107,53,.05);border:2px solid rgba(255,107,53,.2);border-radius:20px;padding:2rem}.cluster-title{font-size:1.8rem;color:var(--rave-cyan);margin-bottom:1.5rem;text-align:center;font-weight:700}.neuron-card{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;padding:1.5rem;margin-bottom:1rem;background:rgba(0,0,0,.6);border:2px solid rgba(255,107,53,.3);border-radius:15px;text-decoration:none;color:var(--off-white);transition:all .3s ease}.neuron-card:hover{transform:translateX(10px);border-color:var(--rave-orange);box-shadow:0 0 30px rgba(255,107,53,.6)}.neuron-icon{font-size:3rem}.neuron-card h4{font-size:1.4rem;color:var(--rave-orange);margin-bottom:.3rem;font-weight:700}.neuron-card p{font-size:1rem;color:var(--warm-grey)}.manifesto{max-width:1000px;margin:4rem auto;padding:3rem;background:linear-gradient(135deg,rgba(176,66,255,.2),rgba(255,107,53,.2));border-radius:20px;border:3px solid var(--rave-purple)}.manifesto h2{font-size:2.5rem;color:var(--rave-yellow);margin-bottom:2rem;text-align:center;font-weight:800}.mission-statement{text-align:center;font-size:1.2rem;line-height:2}.mission-statement strong{color:var(--rave-orange);font-size:1.5rem;display:block;margin-bottom:1rem}.mission-statement .tagline{margin-top:2rem;font-style:italic;color:var(--rave-cyan);font-size:1.3rem}.origin-story{max-width:1200px;margin:4rem auto;padding:3rem;background:rgba(0,0,0,.5);border-radius:20px;border:2px solid var(--rave-cyan)}.origin-story h2{font-size:2.5rem;color:var(--rave-cyan);margin-bottom:3rem;text-align:center}.timeline{display:grid;gap:2rem}.timeline-point{padding:1.5rem;background:linear-gradient(90deg,rgba(255,107,53,.1),transparent);border-left:4px solid var(--rave-orange);border-radius:10px}.timeline-point strong{font-size:1.5rem;color:var(--rave-yellow);display:block;margin-bottom:.5rem}.main-footer{text-align:center;margin-top:5rem;padding:3rem 1rem;border-top:2px solid var(--rave-orange)}.contact-info{font-size:1.1rem;color:var(--rave-cyan);font-weight:600}.philosophy{color:var(--rave-yellow);font-weight:600;font-size:1.1rem;margin-top:1.5rem}@media(max-width:1200px){.neuron-card{grid-template-columns:1fr;text-align:center}}

/* Page-specific styles */
.page-header{text-align:center;margin-bottom:2rem;padding:2rem 1rem;background:rgba(255,107,53,.1);border-radius:15px;border:2px solid var(--rave-orange)}.page-header h1{font-size:clamp(2rem,8vw,3rem);color:var(--rave-orange);margin-bottom:.5rem}.breadcrumb{font-size:1rem;margin-top:1rem}.breadcrumb a{color:var(--rave-cyan);text-decoration:none}.story-content,.contact-content{max-width:1000px;margin:0 auto;padding:2rem}.story-chapter{margin-bottom:3rem;padding:2rem;background:rgba(0,0,0,.3);border-radius:15px;border-left:4px solid var(--rave-orange)}.story-chapter h2{color:var(--rave-cyan);font-size:1.8rem;margin-bottom:1rem}.story-chapter p{margin-bottom:1rem;line-height:1.8}.infrastructure-list{list-style:none;padding-left:0}.infrastructure-list li{padding:.8rem;margin-bottom:.5rem;background:rgba(255,107,53,.1);border-radius:8px;border-left:3px solid var(--rave-yellow)}.infrastructure-list strong{color:var(--rave-orange)}.mission-final{margin-top:4rem;padding:3rem;background:linear-gradient(135deg,rgba(176,66,255,.2),rgba(255,107,53,.2));border-radius:20px;border:3px solid var(--rave-purple);text-align:center}.mission-final h2{color:var(--rave-yellow);font-size:2.5rem;margin-bottom:2rem}.big-text{font-size:1.5rem;color:var(--rave-orange);font-weight:700;margin:1rem 0}.signature{margin-top:2rem;font-style:italic;color:var(--rave-cyan);font-size:1.2rem}.contact-intro{text-align:center;margin-bottom:3rem}.intro-text{font-size:1.3rem;color:var(--warm-grey);max-width:800px;margin:1rem auto}.contact-grid{display:grid;gap:2rem;margin-bottom:3rem}.contact-section{padding:2rem;background:rgba(0,0,0,.3);border-radius:15px;border:2px solid rgba(255,107,53,.3)}.contact-section h3{color:var(--rave-orange);font-size:1.6rem;margin-bottom:1rem}.contact-details{margin-top:1rem}.contact-details p{margin:.5rem 0}.contact-details a{color:var(--rave-cyan);text-decoration:none;font-weight:600}.socials{text-align:center;margin:3rem 0;padding:2rem;background:rgba(176,66,255,.1);border-radius:15px}.social-links{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:1rem auto}.social-link{display:block;padding:1rem;background:rgba(0,0,0,.5);border:2px solid var(--rave-cyan);border-radius:10px;color:var(--off-white);text-decoration:none;transition:all .3s ease}.social-link:hover{transform:translateX(5px);border-color:var(--rave-orange)}.philosophy-reminder{padding:2rem;background:rgba(255,255,0,.05);border-radius:15px;border:2px solid var(--rave-yellow);margin:3rem 0}.philosophy-points{list-style:none;padding:0}.philosophy-points li{padding:1rem;margin-bottom:.8rem;background:rgba(0,0,0,.3);border-radius:8px}.cta-final{text-align:center;padding:3rem;background:linear-gradient(135deg,rgba(255,107,53,.2),rgba(176,66,255,.2));border-radius:20px;margin:3rem 0}.cta-text{font-size:1.3rem;margin:1.5rem 0;color:var(--off-white)}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cta-button{display:inline-block;padding:1.2rem 2.5rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease}.cta-button.primary{background:var(--rave-orange);color:#000;border:2px solid var(--rave-orange)}.cta-button.primary:hover{background:transparent;color:var(--rave-orange)}.cta-button.secondary{background:transparent;color:var(--rave-cyan);border:2px solid var(--rave-cyan)}.cta-button.secondary:hover{background:var(--rave-cyan);color:#000}.page-nav{display:flex;gap:1rem;justify-content:center;margin:3rem 0}.nav-button{padding:1rem 2rem;background:rgba(255,107,53,.2);border:2px solid var(--rave-orange);border-radius:10px;color:var(--off-white);text-decoration:none;font-weight:600;transition:all .3s ease}.nav-button:hover{background:var(--rave-orange);color:#000}.page-footer{text-align:center;margin-top:3rem;padding:2rem;border-top:2px solid var(--rave-orange)}@media(max-width:768px){.cta-buttons{flex-direction:column}.contact-grid{grid-template-columns:1fr}}

/* Resources Section */
.resources-section {
    max-width: 1200px;
    margin: 4rem auto;
    padding: 3rem 2rem;
    background: rgba(0,0,0,.3);
    border-radius: 20px;
    border: 2px solid rgba(255,107,53,.3);
}

.resources-section h2 {
    text-align: center;
    color: var(--rave-orange);
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    margin-bottom: 1rem;
}

.resources-intro {
    text-align: center;
    color: #d1d1d1;
    max-width: 800px;
    margin: 0 auto 2.5rem;
    font-size: 1.05rem;
}

.your-books-section,
.bristol-rave-section,
.recommended-section {
    margin-bottom: 2rem;
}

.resources-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.resource-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1.5rem;
    background: rgba(176,66,255,.1);
    border: 2px solid rgba(176,66,255,.3);
    border-radius: 15px;
    text-decoration: none;
    color: var(--off-white);
    transition: all .3s ease;
    text-align: center;
}

.resource-card.featured {
    background: rgba(255,107,53,.15);
    border-color: var(--rave-yellow);
    box-shadow: 0 0 20px rgba(255,107,53,.2);
}

.resource-card.bristol-rave {
    background: rgba(176,66,255,.15);
    border-color: var(--rave-purple);
}

.resource-card:hover {
    transform: translateY(-5px);
    border-color: var(--rave-orange);
    background: rgba(255,107,53,.2);
    box-shadow: 0 10px 30px rgba(255,107,53,.3);
}

.resource-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    filter: drop-shadow(0 0 10px rgba(255,107,53,.5));
}

.resource-card h4 {
    color: #e0e0e0;
    font-size: 1.2rem;
    margin-bottom: .75rem;
    line-height: 1.3;
}

.resource-card p {
    color: #c0c0c0;
    font-size: .95rem;
    line-height: 1.5;
}

.resource-card p strong {
    color: var(--rave-yellow);
}

.resources-note {
    text-align: center;
    color: #b0b0b0;
    font-size: .9rem;
    font-style: italic;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255,107,53,.2);
}

@media (max-width: 768px) {
    .resources-grid {
        grid-template-columns: 1fr;
    }
}

/* Book Recommendations */
.book-rec {
    margin-top: 1.5rem;
    padding: 1rem 1.5rem;
    background: rgba(176,66,255,.1);
    border-left: 4px solid var(--rave-purple);
    border-radius: 8px;
    font-size: .95rem;
}

.book-rec strong {
    color: #e0e0e0;
}

.book-rec a {
    color: #d0d0d0;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px dotted #d0d0d0;
    transition: all .2s ease;
}

.book-rec a:hover {
    color: var(--rave-yellow);
    border-bottom-style: solid;
}

/* Coffee Gear Section */
.coffee-gear-section {
    margin-bottom: 2rem;
}

.resource-card.coffee-fave {
    background: rgba(255,107,53,.15);
    border-color: var(--rave-orange);
    box-shadow: 0 0 20px rgba(255,107,53,.2);
}

.resource-card.coffee-fave:hover {
    transform: translateY(-5px);
    border-color: var(--rave-yellow);
    box-shadow: 0 10px 30px rgba(255,107,53,.4);
}
