:root{--primary-red:#cc1f1f;--dark-red:#962020;--light-red:#dc2626;--bg-dark:#0f0f0f;--bg-darker:#050505;--text-light:#f8fafc;--text-gray:#94a3b8;--accent:#fca5a5}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--bg-darker);color:var(--text-light);overflow-x:hidden;line-height:1.6}html,body{overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%)}header{position:fixed;top:0;left:0;width:100%;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:rgba(5,5,5,0.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.05)}.logo{font-size:24px;font-weight:700;color:var(--primary-red);display:flex;align-items:center;gap:12px}.logo-icon{width:48px;height:48px;border-radius:8px;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;box-shadow:0 2px 8px rgba(0,0,0,0.3)}nav{display:flex}nav ul{display:flex;list-style:none;gap:30px}nav a{color:var(--text-light);text-decoration:none;font-weight:500;transition:color .3s;position:relative}nav a:hover{color:var(--primary-red)}nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-red);transition:width .3s}nav a:hover::after{width:100%}.mobile-menu-btn{display:none;background:0;border:0;color:var(--text-light);font-size:24px;cursor:pointer}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;position:relative}.hero h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,var(--primary-red),var(--light-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(204,31,31,0.5)}.hero p{font-size:1.25rem;color:var(--text-gray);max-width:600px;margin-bottom:40px}.cta-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.btn{padding:14px 32px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary-red),var(--dark-red));color:white;box-shadow:0 4px 15px rgba(204,31,31,0.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(204,31,31,0.6)}.btn-secondary{background:rgba(255,255,255,0.1);color:var(--text-light);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px)}.features{padding:100px 10px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.section-title{text-align:center;font-size:2.5rem;margin-bottom:60px;position:relative}.section-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-red),var(--light-red));border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:30px;transition:all .3s;backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.08);border-color:var(--primary-red);box-shadow:0 10px 30px rgba(204,31,31,0.2)}.feature-icon{font-size:2.5rem;color:var(--primary-red);margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px}.feature-card p{color:var(--text-gray);line-height:1.6}.modules{padding:100px 20px;background:rgba(0,0,0,0.3);position:relative;z-index:1}.modules-container{max-width:1200px;margin:0 auto}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:50px}.module-item{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:20px;transition:all .3s}.module-item:hover{background:rgba(204,31,31,0.1);border-color:var(--primary-red)}.module-name{font-weight:600;color:var(--light-red);margin-bottom:8px}.module-desc{font-size:.9rem;color:var(--text-gray)}.community{padding:100px 10px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.community-content{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.community-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:30px;transition:all .3s;backdrop-filter:blur(10px);text-align:center;display:flex;flex-direction:column;justify-content:space-between}.community-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.08);border-color:var(--primary-red);box-shadow:0 10px 30px rgba(204,31,31,0.2)}.community-icon{font-size:3rem;color:var(--primary-red);margin-bottom:20px}.community-card h3{font-size:1.5rem;margin-bottom:15px}.community-card p{color:var(--text-gray);line-height:1.6;margin-bottom:20px;flex-grow:1}.community-card .btn{margin-top:auto}footer{padding:30px 20px;text-align:center;border-top:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.5);position:relative;z-index:1}.footer-content{max-width:800px;margin:0 auto}.copyright{color:var(--text-gray);font-size:.9rem;line-height:1.8}@media(max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr)}.community-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){header{padding:15px 20px}.mobile-menu-btn{display:block}nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:rgba(5,5,5,0.95);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease;z-index:99}nav.active{right:0}nav ul{flex-direction:column;gap:30px;text-align:center}.hero h1{font-size:3rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:200px;justify-content:center}.features-grid{grid-template-columns:1fr}.community-content{grid-template-columns:1fr}}