@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400&display=swap";body{font-family:Poppins,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark}body{font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-container{min-height:100vh;background-color:#000;color:#fff}.app-header{position:fixed;top:0;width:100%;padding:1.5rem 2rem;transition:all .3s ease;z-index:1000}.app-header.scrolled{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid rgba(218,165,32,.8)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:300;letter-spacing:2px}.logo.scrolled{color:#daa520}.desktop-nav{display:none}@media (min-width: 768px){.desktop-nav{display:flex;gap:2rem}}.desktop-nav a{color:#fffc;text-decoration:none;font-weight:300;letter-spacing:1px;transition:all .3s ease}.desktop-nav a:hover{color:#fff}.mobile-menu-button{background:none;border:none;color:#fff;cursor:pointer;display:block}@media (min-width: 768px){.mobile-menu-button{display:none}}.mobile-nav{position:absolute;top:100%;left:0;width:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav a{display:block;padding:1rem 2rem;color:#fffc;text-decoration:none;transition:all .3s ease}.mobile-nav a:hover{background:#ffffff1a;color:#fff}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00000080,#000000e6),url(/bg.png) center/cover}.hero-content{position:relative;z-index:1;max-width:1200px;padding:0 2rem}.hero-content h3{font-size:3.5rem;font-weight:200;margin-bottom:1.5rem;letter-spacing:2px}.hero-text{font-size:1.25rem;color:#ffffffe6;margin-bottom:2rem;line-height:1.6}.cta-button{position:relative;padding:1rem 2.5rem;font-size:.875rem;letter-spacing:2px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;overflow:hidden;transition:all .3s ease}.cta-button:hover{border-color:#fffc}.cta-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}.cta-button:hover:after{transform:translate(100%)}.video-section{padding:6rem 2rem}.video-section h3{font-size:2rem;font-weight:300;text-align:center;margin-bottom:3rem;letter-spacing:2px}.video-grid{display:grid;gap:2rem;max-width:1400px;margin:0 auto}.vertical-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1200px}.horizontal-grid{grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}.video-wrapper{position:relative;border-radius:8px;overflow:hidden;background:#111;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(218,165,32,.8)}.video-wrapper:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.vertical-grid .video-wrapper{aspect-ratio:9/16;max-height:720px;margin:0 auto;width:100%;max-width:5400px}.horizontal-grid .video-wrapper{aspect-ratio:16/9}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.app-footer{padding:2rem;text-align:center;background:#000;color:#ffffffb3;font-size:.875rem;letter-spacing:1px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.contact-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.contact-form-container{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;position:relative;color:#000}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#000}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}button[type=submit]{background-color:#000;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;width:100%}
