*{box-sizing:border-box;margin:0;padding:0}:root{--color-black:#000;--color-dark-gray:#1a1a1a;--color-white:#fff;--color-light-gray:#ccc;--color-blue:#4a90e2;--color-orange:#f5a623;--color-purple:#7b68ee;--color-teal:#50c8a3;--color-pink:#e94b8c;--color-gray:#8e8e93;--color-green:#7ed321;--font-primary:"Arial","Helvetica",sans-serif;--font-size-base:16px;--font-size-small:14px;--font-size-large:18px;--font-size-xl:24px;--font-size-xxl:36px;--font-size-hero:48px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-xxl:64px;--container-max-width:1200px;--header-height:80px}body{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white);font-family:Arial,Helvetica,sans-serif;font-family:var(--font-primary);font-size:16px;font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max-width);padding:0 16px;padding:0 var(--spacing-sm)}.header{backdrop-filter:blur(10px);background:rgba(0,0,0,.9);border-bottom:1px solid hsla(0,0%,100%,.1);left:0;position:fixed;right:0;top:0;z-index:1000}.nav{align-items:center;display:flex;height:80px;height:var(--header-height);justify-content:space-between;padding:0 16px;padding:0 var(--spacing-sm)}.nav-logo .logo-img,.nav-logo .logo-picture{height:40px;width:auto}.nav-logo .logo-picture{display:block}.nav-menu{align-items:center;display:flex;gap:8px;gap:var(--spacing-xs)}.nav-link{border:2px solid transparent;color:#fff;color:var(--color-white);font-size:14px;font-size:var(--font-size-small);font-weight:600;letter-spacing:1px;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link:hover{transform:translateY(-2px)}.nav-home{background:rgba(74,144,226,.1);border-color:#4a90e2;border-color:var(--color-blue)}.nav-album{background:rgba(245,166,35,.1);border-color:#f5a623;border-color:var(--color-orange)}.nav-lyrics{background:rgba(123,104,238,.1);border-color:#7b68ee;border-color:var(--color-purple)}.nav-updates{background:rgba(80,200,163,.1);border-color:#50c8a3;border-color:var(--color-teal)}.nav-about{background:rgba(233,75,140,.1);border-color:#e94b8c;border-color:var(--color-pink)}.nav-contact{background:rgba(143,143,148,.1);border-color:#8e8e93;border-color:var(--color-gray)}.nav-toggle{cursor:pointer;display:none;flex-direction:column;gap:4px}.nav-toggle span{background:#fff;background:var(--color-white);height:3px;transition:all .3s ease;width:25px}.hero{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.hero-background{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.6)),url(../images/hero-bg-dbdpDDJw.jpg) 50%/cover no-repeat;top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.hero-content{text-align:center;z-index:1}.hero-title{font-size:clamp(2rem,8vw,6rem);font-weight:900;letter-spacing:4px;line-height:.9;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:uppercase}.title-atheos,.title-effect,.title-the{animation:fadeInUp 1s ease-out forwards;display:block}.title-the{animation-delay:.2s;opacity:0}.title-atheos{animation-delay:.4s;opacity:0}.title-effect{animation-delay:.6s;opacity:0}.title-subtitle{animation:fadeInUp 1s ease-out .8s forwards;display:block;font-size:.4em;letter-spacing:8px;margin-top:16px;margin-top:var(--spacing-sm);opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-title{color:#fff;color:var(--color-white);font-size:36px;font-size:var(--font-size-xxl);font-weight:700;letter-spacing:3px;margin-bottom:32px;margin-bottom:var(--spacing-lg);text-align:center;text-transform:uppercase}.band-description{background:#1a1a1a;background:var(--color-dark-gray);padding:64px 0;padding:var(--spacing-xxl) 0;text-align:center}.band-text{font-size:18px;font-size:var(--font-size-large);margin-bottom:32px;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:800px}.highlight-link{color:#7ed321;color:var(--color-green);text-decoration:underline;transition:color .3s ease}.highlight-link:hover{color:#fff;color:var(--color-white)}.streaming-links{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-sm)}.streaming-link{border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#fff;color:var(--color-white);max-width:400px;padding:16px 32px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-decoration:none;transition:all .3s ease}.streaming-link:hover{background:rgba(255,255,255,.1);border-color:#7ed321;border-color:var(--color-green)}.spotify{border-color:#1db954}.apple{border-color:#fc3c44}.amazon{border-color:#f90}.video-section{background:#000;background:var(--color-black);padding:64px 0;padding:var(--spacing-xxl) 0}.video-section-intro{color:#ccc;color:var(--color-light-gray);font-size:1.1rem;line-height:1.6;margin:0 auto 2rem;max-width:700px;text-align:center}.video-container{aspect-ratio:16/9;margin:0 auto 32px;margin:0 auto var(--spacing-lg);max-width:800px;position:relative;width:100%}.video-container iframe{border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.video-keywords{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-sm);justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-lg)}.keyword{background:rgba(255,255,255,.1);border-radius:20px;color:#ccc;color:var(--color-light-gray);font-size:14px;font-size:var(--font-size-small);padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.keyword.highlight{background:#7ed321;background:var(--color-green);color:#000;color:var(--color-black)}.keyword:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.video-actions,.video-nav{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-sm);justify-content:center}.video-nav-link{border:1px solid #7ed321;border:1px solid var(--color-green);border-radius:4px;color:#fff;color:var(--color-white);font-weight:600;letter-spacing:.05em;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;text-transform:uppercase;transition:all .3s ease}.video-nav-link.primary,.video-nav-link:hover{background:#7ed321;background:var(--color-green);color:#000;color:var(--color-black)}.video-nav-link.primary:hover{background:transparent;box-shadow:0 0 20px rgba(126,211,33,.3);color:#7ed321;color:var(--color-green)}.news-section{background:#1a1a1a;background:var(--color-dark-gray);padding:64px 0;padding:var(--spacing-xxl) 0}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:32px;grid-gap:var(--spacing-lg);gap:32px;gap:var(--spacing-lg);margin-bottom:32px;margin-bottom:var(--spacing-lg)}.news-item{background:#000;background:var(--color-black);border-radius:8px;overflow:hidden;transition:transform .3s ease}.news-item:hover{transform:translateY(-5px)}.news-image{height:200px;overflow:hidden}.news-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.news-item:hover .news-image img{transform:scale(1.05)}.news-content{padding:32px;padding:var(--spacing-lg)}.news-date{color:#ccc;color:var(--color-light-gray);font-size:14px;font-size:var(--font-size-small);letter-spacing:1px;text-transform:uppercase}.news-title{color:#fff;color:var(--color-white);font-size:24px;font-size:var(--font-size-xl);margin:16px 0;margin:var(--spacing-sm) 0}.news-excerpt{color:#ccc;color:var(--color-light-gray);margin-bottom:16px;margin-bottom:var(--spacing-sm)}.news-links{display:flex;flex-wrap:wrap;gap:1rem}.news-link{border:1px solid #7ed321;border:1px solid var(--color-green);border-radius:4px;color:#7ed321;color:var(--color-green);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.news-link.primary,.news-link:hover{background:#7ed321;background:var(--color-green);color:#000}.news-link:hover{box-shadow:0 0 15px rgba(126,211,33,.3)}.news-link.primary:hover{background:transparent;color:#7ed321;color:var(--color-green)}.news-actions{text-align:center}.btn{border-radius:4px;display:inline-block;font-weight:600;letter-spacing:1px;padding:16px 32px;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-outline{background:transparent;border:2px solid #7ed321;border:2px solid var(--color-green);color:#7ed321;color:var(--color-green)}.btn-outline:hover{background:#7ed321;background:var(--color-green);color:#000;color:var(--color-black)}.social-section{background:#000;background:var(--color-black);padding:64px 0;padding:var(--spacing-xxl) 0}.social-links{flex-wrap:wrap;gap:32px;gap:var(--spacing-lg)}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background:rgba(255,255,255,.1);border-radius:50%;height:60px;transition:all .3s ease;width:60px}.social-link:hover{background:#7ed321;background:var(--color-green);transform:translateY(-5px) scale(1.1)}.social-link img{filter:brightness(0) invert(1);height:30px;width:30px}.social-link:hover img{filter:brightness(0)}.album-section{background:#1a1a1a;background:var(--color-dark-gray);padding:64px 0;padding:var(--spacing-xxl) 0}.album-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;grid-gap:var(--spacing-xxl);align-items:center;gap:64px;gap:var(--spacing-xxl)}.album-artwork img{border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,.5);height:auto;width:100%}.album-artist{color:#ccc;color:var(--color-light-gray);font-size:24px;font-size:var(--font-size-xl);margin-bottom:16px;margin-bottom:var(--spacing-sm)}.album-title{color:#fff;color:var(--color-white);font-size:36px;font-size:var(--font-size-xxl);font-weight:700;margin-bottom:32px;margin-bottom:var(--spacing-lg)}.track-list{counter-reset:track-counter;list-style:none}.track{border-bottom:1px solid hsla(0,0%,100%,.1);color:#ccc;color:var(--color-light-gray);counter-increment:track-counter;font-family:Courier New,monospace;font-size:14px;font-size:var(--font-size-small);padding:16px 0;padding:var(--spacing-sm) 0;position:relative;transition:color .3s ease}.track:before{color:#7ed321;color:var(--color-green);content:counter(track-counter,decimal-leading-zero);font-weight:600;margin-right:16px;margin-right:var(--spacing-sm)}.track:hover{color:#fff;color:var(--color-white)}.footer{background:#000;background:var(--color-black);border-top:1px solid hsla(0,0%,100%,.1);padding:64px 0;padding:var(--spacing-xxl) 0;text-align:center}.footer-quote{color:#ccc;color:var(--color-light-gray);font-size:18px;font-size:var(--font-size-large);font-style:italic;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.footer-credit{color:#8e8e93;color:var(--color-gray);font-size:14px;font-size:var(--font-size-small)}.footer-credit a{color:#7ed321;color:var(--color-green);text-decoration:none}.footer-credit a:hover{text-decoration:underline}@media (max-width:768px){.nav-menu{background:rgba(0,0,0,.95);flex-direction:column;height:calc(100vh - 80px);height:calc(100vh - var(--header-height));justify-content:flex-start;left:-100%;padding:32px;padding:var(--spacing-lg);position:fixed;top:80px;top:var(--header-height);transition:left .3s ease;width:100%}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero-title{font-size:clamp(1.5rem,6vw,3rem)}.album-content,.news-grid{grid-template-columns:1fr}.album-content{text-align:center}.social-links{gap:16px;gap:var(--spacing-sm)}.streaming-links{padding:0 16px;padding:0 var(--spacing-sm)}}@media (max-width:480px){.container{padding:0 8px;padding:0 var(--spacing-xs)}.hero-title{letter-spacing:2px}.title-subtitle{letter-spacing:4px}.section-title{font-size:24px;font-size:var(--font-size-xl);letter-spacing:2px}}
