.header{position:fixed;top:0;left:0;width:100%;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:15px 0;box-shadow:0 2px 10px #0000004d}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo h1{font-size:1.8rem;font-weight:700;color:#fff;margin:0;letter-spacing:1px}.logo span{color:#2196f3}.navigation ul{display:flex;list-style:none;margin:0;padding:0;gap:30px}.navigation a{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:5px;transition:color .3s ease}.navigation a:hover{color:#2196f3}@media (max-width: 768px){.header-container{flex-direction:column;gap:15px}.navigation ul{gap:15px}}.video-section{height:100vh;width:100%;position:relative;overflow:hidden}.video-container{width:100%;height:100%;position:relative}.background-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#00000080;z-index:2;padding:20px}.video-overlay h1{font-size:4rem;font-weight:700;color:#fff;margin-bottom:30px;text-align:center;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.cta-button{padding:15px 30px;background-color:#2196f3;color:#fff;border:none;border-radius:30px;font-size:1.2rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #2196f366;transition:all .3s ease}.cta-button:hover{background-color:#1976d2;box-shadow:0 6px 20px #2196f399}@media (max-width: 768px){.video-overlay h1{font-size:2.5rem}.cta-button{padding:12px 25px;font-size:1rem}}.section{padding:80px 0;background-color:#000;color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center}.section-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:40px}.section-text{max-width:800px;margin-bottom:40px}.section h2{font-size:3rem;margin-bottom:20px;font-weight:700}.section-title{color:#8bc34a}.section-description{font-size:1.2rem;line-height:1.6;margin-bottom:30px}.highlight{color:#8bc34a;font-weight:600}.block-showcase{display:flex;justify-content:space-around;flex-wrap:wrap;gap:40px}.block-item{width:300px}.block-preview{height:400px;background-color:#111;border-radius:10px;overflow:hidden;margin-bottom:20px}.block-info{text-align:center}.block-info h3{font-size:1.5rem;margin-bottom:5px}.colors-showcase{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.color-item{width:200px;margin-bottom:30px}.color-preview{height:200px;background-color:#111;border-radius:10px;overflow:hidden;margin-bottom:15px}.color-info{text-align:center}.color-info h3{font-size:1.2rem;margin-bottom:5px}.availability{font-size:.9rem;color:#aaa}.body-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.lightbox-container{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.lightbox-frame{border:10px solid #333;border-radius:5px;box-shadow:0 0 30px #8bc34a4d;max-width:400px}.lightbox-image{width:100%;display:block}.lightbox-description{max-width:600px;margin:0 auto;text-align:center}.lightbox-description h3{font-size:1.8rem;margin-bottom:15px}.logo-variations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;width:100%}.logo-variation-item{background-color:#111;border-radius:10px;padding:20px;text-align:center}.logo-variation-preview{height:150px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;background-color:#222;border-radius:5px}.logo-variation-info h3{font-size:1.2rem;margin-bottom:5px}.afcon-promo-section{text-align:center}.afcon-promo-container{max-width:800px;margin:0 auto}.afcon-title{font-size:3rem;margin-bottom:20px;font-weight:700}.afcon-subtitle{font-size:1.5rem;line-height:1.6}.highlight-gold{color:gold;font-weight:600}.footer{background-color:#111;color:#fff;padding:60px 0 20px}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.footer-section{flex:1;min-width:250px}.footer-section h2{font-size:1.8rem;margin-bottom:20px;position:relative}.footer-section h2:after{content:"";position:absolute;left:0;bottom:-10px;width:50px;height:2px;background-color:#8bc34a}.logo-text{font-size:2rem;font-weight:700;margin-bottom:15px}.footer-section p{line-height:1.6;margin-bottom:20px}.social-links{display:flex;gap:15px}.social-links a{color:#fff;font-size:1.5rem;transition:all .3s ease}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;gap:10px}.footer-section.links ul{list-style:none}.footer-section.links li{margin-bottom:10px}.footer-section.links a{color:#fff;text-decoration:none;transition:all .3s ease;display:inline-block}.footer-bottom{max-width:1200px;margin:40px auto 0;padding:20px;text-align:center;border-top:1px solid #333}@media (max-width: 768px){.section{padding:60px 0}.section h2{font-size:2.5rem}.block-item{width:100%;max-width:300px}.color-item{width:150px}.body-colors-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.footer-content{flex-direction:column}.footer-section{width:100%}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;background-color:#000}.app-container{width:100%;position:relative}canvas{touch-action:none}.hero-section{height:100vh;width:100%;position:relative;background-color:#000;display:flex;align-items:center;justify-content:center}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10}.hero-text h1{font-size:4rem;font-weight:700;letter-spacing:2px}