/* Critical CSS for initial render - Above the fold content */

body { 
   margin: 0; 
   font-family: Montserrat, Arial, sans-serif; 
}

.hero { 
   min-height: 100vh; 
   display: flex; 
   align-items: center; 
   justify-content: center; 
}

nav { 
   position: fixed; 
   top: 0; 
   width: 100%; 
   z-index: 1000; 
}

/* Skip link for accessibility */
.skip-link {
   position: absolute;
   top: -40px;
   left: 6px;
   z-index: 100000;
   padding: 8px;
   background: #000;
   color: #fff;
   text-decoration: none;
   border-radius: 4px;
}

.skip-link:focus {
   top: 6px;
}

/* Cookie banner base styles */
#cookieBanner {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   background: rgba(20,20,20,.97);
   color: #fff;
   padding: 16px 10px;
   z-index: 9999;
   text-align: center;
   display: none;
}

#cookieBanner a {
   color: #00ffe7;
   text-decoration: underline;
}

#cookieAcceptBtn {
   margin-left: 20px;
   padding: 6px 18px;
   background: #00ffe7;
   color: #222;
   border: none;
   border-radius: 4px;
   cursor: pointer;
}