body { margin: 0; font-family: 'Cinzel', serif; background-color: #0c0a07; color: #f5e8c8; }
    html, body { scroll-behavior: smooth; }
    header { position: fixed; top: 0; left: 0; width: 100%; background: rgba(12,10,7,0.85); backdrop-filter: blur(6px); display: flex; justify-content: center; gap: 40px; padding: 15px; z-index: 10; }
    header a { color: #e6c665; text-decoration: none; font-weight: bold; font-size: 16px; transition: color 0.3s; cursor: pointer; }
    header a:hover { color: #fff; }
    section { padding: 100px 20px; text-align: center; position: relative; z-index: 1; }
    video.bg-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
    .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: -1; }
    .hero { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff8e1; text-align: center; padding: 0 20px; }
    .hero h1 { font-size: 64px; color: #e6c665; text-shadow: 0 4px 20px rgba(0,0,0,0.5); }
    .hero p { max-width: 700px; margin-top: 20px; font-size: 18px; line-height: 1.6; }
    .btn { background-color: #e6c665; color: #000; padding: 15px 40px; border-radius: 12px; font-weight: bold; text-decoration: none; display: inline-block; margin-top: 30px; transition: background 0.3s, transform 0.2s; }
    .btn:hover { background-color: #fff3c1; transform: scale(1.05); }
    .science { background: linear-gradient(to bottom, #1c150c, #0c0a07); }
    .science img { width: 100%; max-width: 500px; border-radius: 16px; border: 1px solid rgba(230,198,101,0.4); object-fit: contain; }
    .tracklist { background: #15110b; }
    details { margin-bottom: 20px; border-bottom: 1px solid rgba(230,198,101,0.3); padding-bottom: 15px; }
    summary { font-size: 22px; color: #f5e8c8; cursor: pointer; user-select: text; }
    .track-desc { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: center; text-align: left; font-size: large;  text-align: center;}
    .track-img img { width: 80%; height: auto; border-radius: 12px; border: 1px solid rgba(230,198,101,0.2); object-fit: contain; }
    footer { border-top: 1px solid rgba(230,198,101,0.2); color: #b9a873; font-size: 14px; padding: 30px 10px; }
    footer p:last-child { color: #8f805f; font-style: italic; }
    .normaltext-big {text-align:left;line-height:1.6; font-size:large;}