body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#fff;font-family:Arial,sans-serif;overflow-x:hidden}.App{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-bottom:1px solid #333;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:2px;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-link{color:#fff;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#ccc}.nav-link:after{background:#fff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.page-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:80px 2rem 2rem}.hero{background:linear-gradient(135deg,#000,#333);padding:4rem 0;text-align:center}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;font-size:4rem;margin-bottom:1rem}.hero p{color:#ccc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.card{background:#111;border:1px solid #333;border-radius:10px;margin:2rem 0;padding:2rem;transition:all .3s ease}.card:hover{border-color:#555;box-shadow:0 10px 30px #ffffff1a;transform:translateY(-5px)}.card h2{color:#fff;margin-bottom:1rem}.card p{color:#ccc;line-height:1.6}.avatar-container{margin:2rem 0;text-align:center}.avatar{border:3px solid #fff;border-radius:50%;height:200px;object-fit:cover;transition:transform .3s ease;width:200px}.avatar:hover{transform:scale(1.1)}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.btn{background:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;display:inline-block;font-weight:700;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.btn:hover{background:#ccc;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.videos-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:80px 2rem 2rem}.videos-header{margin-bottom:4rem;text-align:center}.videos-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;font-size:4rem;letter-spacing:3px;margin-bottom:1rem}.videos-subtitle{color:#ccc;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.videos-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:4rem}.video-card{background:#111;border-radius:15px;box-shadow:0 10px 30px #00000080;overflow:hidden;position:relative;transition:all .3s ease}.video-card:hover{box-shadow:0 20px 40px #000000b3}.video-player{border-radius:15px 15px 0 0;height:250px;object-fit:cover;width:100%}.video-overlay{background:linear-gradient(135deg,#111,#222);padding:1.5rem}.video-overlay h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.video-overlay p{color:#ccc;font-size:.9rem}.videos-description{background:linear-gradient(135deg,#111,#222);border-radius:20px;box-shadow:0 10px 30px #0000004d;margin:0 auto;max-width:800px;padding:3rem;text-align:center}.videos-description h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:2rem}.videos-description p{color:#ccc;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-links{gap:1rem}.hero h1{font-size:2.5rem}.page-container{padding:80px 1rem 1rem}.grid{grid-template-columns:1fr}.videos-container{padding:80px 1rem 1rem}.videos-title{font-size:2.5rem}.videos-grid{grid-template-columns:1fr}.videos-description{padding:2rem}.videos-description h2{font-size:2rem}}
/*# sourceMappingURL=main.be507bbd.css.map*/