:root{--bg-color: #0a0a0a;--text-color: #ffffff;--accent-color: #3b82f6;--accent-hover: #2563eb;--secondary-text: #a1a1aa;--font-main: "Inter", sans-serif}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);margin:0;min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-logo{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.02em}.logo-img{height:40px;width:auto}.nav-links{display:flex;gap:2rem}.nav-link{color:#a1a1aa;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#fff}@media(max-width:768px){.navbar{padding:1rem 1.5rem}.nav-links{display:none}}:root{--bg-color: #0a0a0a;--text-color: #ffffff;--accent-color: #3b82f6;--accent-hover: #2563eb;--secondary-text: #a1a1aa;--border-color: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;width:90%;min-height:90vh;align-items:center;padding:4rem 0;margin:0 auto}.content{display:flex;flex-direction:column;justify-content:center;padding-right:2rem}.content h1{font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content .description{font-size:1.25rem;line-height:1.6;color:var(--secondary-text);margin-bottom:3rem;max-width:500px}.buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.btn{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;border:none}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-secondary{background-color:transparent;color:#fff;border:1px solid var(--border-color)}.btn-secondary:hover{border-color:#fff;background-color:#ffffff0d}.visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.threejs-container{position:relative;width:100%;height:500px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080;border:1px solid var(--border-color)}.threejs-container canvas{display:block;width:100%;height:100%}.glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,#3b82f626,#0000 70%);z-index:-1;filter:blur(60px);pointer-events:none}#about{width:100%;padding:6rem 0;background-color:#080808;display:flex;justify-content:center}.about-container{max-width:800px;width:90%}.about-content{font-size:1.1rem;line-height:1.8;color:var(--text-color)}.about-content p{margin-bottom:1.5rem}.about-content strong{color:var(--accent-color)}.about-content .contact{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.about-content a{color:var(--accent-color);text-decoration:none;transition:color .2s}.about-content a:hover{color:var(--accent-hover);text-decoration:underline}#roadmap{width:100%;padding:6rem 0;background-color:#050505;display:flex;justify-content:center}.roadmap-container{max-width:1200px;width:90%}.section-title{font-size:3rem;font-weight:700;margin-bottom:4rem;text-align:center;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chapter{margin-bottom:5rem}.chapter-header{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.chapter-number{font-size:4rem;font-weight:800;color:#ffffff0d;line-height:1}.chapter-header h3{font-size:2rem;font-weight:600;color:var(--text-color)}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.lesson-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}.lesson-card:hover{background:#ffffff14;transform:translateY(-5px);border-color:#3b82f64d;box-shadow:0 10px 30px -10px #00000080}.lesson-number{font-size:.85rem;color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lesson-card h4{font-size:1.1rem;font-weight:500;color:var(--text-color);margin:0}.lesson-card p{font-size:.9rem;color:var(--secondary-text);margin:0;line-height:1.4}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.tbc-section{text-align:center;padding:3rem 0 1rem;color:var(--secondary-text)}.tbc-section h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color);font-style:italic}.github-link{display:inline-block;margin-top:.5rem;font-size:.95rem;opacity:.8}.github-link:hover{opacity:1}@media(max-width:968px){.container{grid-template-columns:1fr;height:auto;padding:4rem 0;gap:3rem}.content{padding-right:0;text-align:center;align-items:center}.content h1{font-size:3rem}.visual{height:auto}.threejs-container{height:400px}.buttons{justify-content:center}.section-title{font-size:2.5rem}.chapter-header h3{font-size:1.5rem}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:640px){.content h1{font-size:2.5rem}.content .description{font-size:1rem}.btn{padding:.875rem 2rem;font-size:1rem}.section-title{font-size:2rem}.chapter-number{font-size:3rem}.lesson-grid{grid-template-columns:1fr}}
