@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--bg-dark: #111214;--bg-dark-secondary: #1a1b1e;--bg-light: #FFFFFF;--bg-light-secondary: #F5F7FA;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-on-light: #333333;--text-secondary-on-light: #666666;--accent-blue: #2AA2EF;--accent-blue-hover: #1c8ad1;--border-color: #2c2d30;--border-light: #e0e0e0;--radius-lg: 20px;--radius-md: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);margin:0;-webkit-font-smoothing:antialiased}.app{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.hero-section{background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% 0%,#1a2c3a 0%,var(--bg-dark) 60%);padding-bottom:4rem;color:var(--text-primary)}.light-section{background-color:var(--bg-light);color:var(--text-on-light);padding:5rem 0}.light-section.gray-bg{background-color:var(--bg-light-secondary)}.dark-section{background-color:var(--bg-dark);color:var(--text-primary);padding:5rem 0;border-top:1px solid var(--border-color)}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;margin-bottom:4rem}.header h1{font-size:1.8rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.nav a{color:var(--text-secondary);text-decoration:none;margin-left:2rem;font-size:1rem;font-weight:500;transition:color .3s}.nav a:hover{color:#fff}h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.hero-box{text-align:center;padding:3rem 0;max-width:800px;margin:0 auto}.hero-box h2{font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;color:#fff}.hero-box .subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6}.light-section h2{color:var(--text-on-light)}.services-section,.courses-section,.payment-section,.contact-section{text-align:center}.services-grid,.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.service-card{background:#fff;border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 10px 40px #0000000d;transition:transform .3s,box-shadow .3s;text-align:left;border:1px solid transparent}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #2aa2ef26;border-color:#2aa2ef33}.service-card h3{color:var(--text-on-light);font-size:1.35rem;margin:0 0 1rem}.service-card p{color:var(--text-secondary-on-light);margin:0;line-height:1.6}.course-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform .3s;border:1px solid var(--border-light)}.course-card:hover{transform:translateY(-5px);border-color:var(--accent-blue)}.course-card span{font-size:1rem;color:var(--text-secondary-on-light);font-weight:500}.course-card strong{font-size:2.5rem;color:var(--text-on-light);font-weight:700}.contact-card{background:var(--bg-dark-secondary);border:1px solid var(--border-color);padding:3rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;transition:transform .3s,border-color .3s}.contact-card:hover{border-color:var(--accent-blue);background:#1e2025}.contact-card h3{color:#fff;margin-top:0}.payment-logos{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;align-items:center;margin-top:3rem}.payment-logo{background:#fff;padding:1rem 2rem;border-radius:var(--radius-md);box-shadow:0 4px 15px #0000000d;height:80px;display:flex;align-items:center;justify-content:center}.payment-logo img{height:30px;width:auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem}.step-card{background:#fff;border-radius:var(--radius-lg);padding:2rem 1.5rem;box-shadow:0 5px 20px #00000008;position:relative;text-align:left;border:1px solid var(--border-light);transition:transform .3s}.step-card:hover{transform:translateY(-5px);border-color:var(--accent-blue)}.step-number{position:absolute;top:-20px;right:-10px;background:var(--accent-blue);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 5px 15px #2aa2ef4d}.step-card h3{font-size:1.2rem;color:var(--text-on-light);margin-bottom:.5rem}.step-card p{font-size:.95rem;color:var(--text-secondary-on-light);line-height:1.5;margin:0}.qr-code{width:160px;height:160px;border-radius:var(--radius-md);margin-bottom:2rem;border:4px solid #fff}.contact-btn{background-color:var(--accent-blue);color:#fff;font-weight:600;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #2aa2ef4d}.contact-btn:hover{background-color:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 8px 25px #2aa2ef66}.footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}@media (max-width: 768px){.hero-box h2{font-size:2.5rem}.header{flex-direction:column;gap:1.5rem}.nav a{margin:0 1rem}}:root{font-family:Roboto,sans-serif;line-height:1.6;font-weight:400;color:#fff;background:linear-gradient(135deg,#1e0c42,#4a1a7a);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#0d0f1a}a{color:#2ecc71;text-decoration:none;transition:color .3s}a:hover{color:#27ae60}