:root{--primary:#3B82F6;--dark:#1E3A8A;--gray:#64748B;--light:#EFF6FF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Urbanist',sans-serif;color:var(--dark);line-height:1.6}.page-container{max-width:1200px;margin:0 auto;padding:0 2rem}
.main-navbar{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.05);position:sticky;top:0;z-index:1000;padding:1rem 0}.navbar-content{display:flex;justify-content:space-between;align-items:center}.site-brand{display:flex;align-items:center;gap:0.75rem;text-decoration:none;font-size:1.5rem;font-weight:800;color:var(--dark)}.brand-icon{width:40px;height:40px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.site-brand strong{color:var(--primary)}.primary-links{display:flex;list-style:none;gap:0.5rem}.primary-links a{padding:0.75rem 1.25rem;color:var(--gray);text-decoration:none;font-weight:600;border-radius:8px;transition:0.3s}.primary-links a:hover,.primary-links a.link-active{color:var(--primary);background:var(--light)}.navbar-actions{display:flex;align-items:center;gap:1rem}.user-link{color:var(--gray);text-decoration:none;font-weight:600}.enroll-btn{padding:0.75rem 1.5rem;background:var(--primary);color:#fff;text-decoration:none;font-weight:600;border-radius:8px;transition:0.3s}.enroll-btn:hover{background:#2563EB}.toggle-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer}.toggle-btn span{width:25px;height:3px;background:var(--dark);border-radius:2px}
.landing-zone{padding:6rem 0;background:linear-gradient(135deg,var(--light) 0%,#DBEAFE 100%)}.landing-rows{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.badge-info{display:inline-flex;align-items:center;gap:0.5rem;background:#fff;padding:0.5rem 1rem;border-radius:50px;font-size:0.875rem;font-weight:600;color:var(--primary);margin-bottom:1.5rem}.row-content h1{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem}.highlight-word{background:linear-gradient(135deg,var(--primary),#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.row-content p{font-size:1.125rem;color:var(--gray);margin-bottom:2rem;line-height:1.8}.action-btns{display:flex;gap:1rem;margin-bottom:2rem}.filled-btn,.ghost-btn{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:0.3s;border:2px solid transparent}.filled-btn{background:var(--primary);color:#fff}.filled-btn:hover{background:#2563EB;transform:translateY(-3px)}.ghost-btn{border-color:var(--primary);color:var(--primary)}.ghost-btn:hover{background:var(--primary);color:#fff}.stats-numbers{display:flex;gap:2rem}.stats-numbers div strong{display:block;font-size:2rem;color:var(--primary);font-weight:800}.stats-numbers div span{color:var(--gray);font-size:0.9rem}.row-visual img{width:100%;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1)}
.courses-section{padding:6rem 0}.section-head{text-align:center;max-width:700px;margin:0 auto 4rem}.head-tag{display:inline-block;color:var(--primary);font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.section-head h2{font-size:2.5rem;font-weight:900;margin-bottom:1rem}.section-head p{font-size:1.125rem;color:var(--gray)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.course-box{background:#fff;padding:2.5rem;border-radius:12px;border:2px solid #E2E8F0;transition:0.3s;display:flex;flex-direction:column;position:relative}.course-box:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1);border-color:var(--primary)}.course-box.featured-box{border-color:var(--primary);background:linear-gradient(135deg,var(--light) 0%,#fff 100%)}.featured-label{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:0.5rem 1.5rem;border-radius:50px;font-size:0.875rem;font-weight:700}.box-icon{width:60px;height:60px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.course-box h3{font-size:1.5rem;margin-bottom:1rem}.course-box>p{color:var(--gray);line-height:1.7;margin-bottom:1rem}.topic-rows{list-style:none;margin-bottom:1.5rem;flex-grow:1}.topic-rows li{padding:0.5rem 0;color:var(--gray);font-size:0.95rem;padding-left:1.5rem;position:relative}.topic-rows li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:1.25rem}.box-metrics{display:flex;gap:1.5rem;padding-top:1.5rem;border-top:1px solid #E2E8F0}.box-metrics span{display:flex;align-items:center;gap:0.5rem;color:var(--gray);font-size:0.9rem}.box-metrics i{color:var(--primary)}
.roadmap-section{padding:6rem 0;background:var(--light)}.roadmap-flow{max-width:600px;margin:3rem auto 0}.flow-step{background:#fff;padding:2.5rem;border-radius:12px;border:2px solid #E2E8F0;transition:0.3s}.flow-step:hover{border-color:var(--primary)}.step-marker{width:50px;height:50px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:1.5rem}.flow-step h3{font-size:1.75rem;margin-bottom:1rem}.flow-step p{color:var(--gray);line-height:1.7;margin-bottom:1rem}.step-topics{display:flex;flex-wrap:wrap;gap:0.5rem}.step-topics span{background:var(--light);color:var(--primary);padding:0.375rem 0.875rem;border-radius:6px;font-size:0.875rem;font-weight:600}.flow-arrow{text-align:center;padding:1.5rem 0}.flow-arrow i{font-size:2rem;color:var(--primary)}
.method-section{padding:6rem 0}.method-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.method-item{background:#fff;padding:2.5rem;border-radius:12px;border:2px solid #E2E8F0;transition:0.3s}.method-item:hover{border-color:var(--primary);transform:translateY(-5px)}.item-number{font-size:2.5rem;color:var(--primary);font-weight:800;margin-bottom:1rem}.method-item h3{font-size:1.5rem;margin-bottom:1rem}.method-item p{color:var(--gray);line-height:1.7}
.stats-section{padding:6rem 0;background:var(--light)}.stats-display{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.stat-card{background:#fff;padding:2.5rem;border-radius:12px;border:2px solid #E2E8F0;text-align:center;transition:0.3s}.stat-card:hover{border-color:var(--primary);transform:translateY(-5px)}.stat-icon{width:60px;height:60px;background:var(--light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;margin:0 auto 1.5rem}.stat-card strong{display:block;font-size:2.5rem;color:var(--primary);font-weight:800;margin-bottom:0.5rem}.stat-card span{color:var(--gray)}
.reviews-section{padding:6rem 0}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.review-card{background:#fff;padding:2.5rem;border-radius:12px;border:2px solid #E2E8F0;transition:0.3s}.review-card:hover{border-color:var(--primary);transform:translateY(-5px)}.review-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.review-top img{width:60px;height:60px;border-radius:50%;object-fit:cover}.review-top strong{display:block}.review-top span{color:var(--gray);font-size:0.9rem}.stars-display{margin-bottom:1.5rem}.stars-display i{color:#F59E0B;font-size:1.125rem;margin-right:0.25rem}.review-card p{color:var(--gray);font-size:1.125rem;line-height:1.8;font-style:italic}
.final-banner{padding:6rem 0;background:linear-gradient(135deg,var(--primary),#2563EB)}.banner-content{display:flex;justify-content:space-between;align-items:center;color:#fff}.banner-content h2{font-size:2.5rem;margin-bottom:0.5rem}.banner-content p{font-size:1.125rem;opacity:0.9}.banner-actions{display:flex;gap:1rem}.white-cta,.outline-cta{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:0.3s;border:2px solid transparent}.white-cta{background:#fff;color:var(--primary)}.white-cta:hover{transform:translateY(-3px)}.outline-cta{border-color:#fff;color:#fff}.outline-cta:hover{background:#fff;color:var(--primary)}
.page-footer{background:var(--dark);color:#fff;padding:4rem 0 2rem}.footer-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-col p{color:rgba(255,255,255,0.7);line-height:1.8;margin:1rem 0 1.5rem}.footer-contacts p{display:flex;gap:0.75rem;margin-bottom:0.75rem;color:rgba(255,255,255,0.7)}.footer-col h4{margin-bottom:1.5rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:0.75rem}.footer-col a{color:rgba(255,255,255,0.7);text-decoration:none;transition:0.3s}.footer-col a:hover{color:var(--primary)}.footer-bottom{display:flex;justify-content:space-between;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1)}.social-icons{display:flex;gap:1rem}.social-icons a{width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:0.3s}.social-icons a:hover{background:var(--primary)}
@media (max-width:768px){.primary-links{display:none}.toggle-btn{display:flex}.landing-rows,.courses-grid,.method-cards,.stats-display,.reviews-grid{grid-template-columns:1fr}.row-content h1{font-size:2.5rem}.banner-content{flex-direction:column;gap:2rem;text-align:center}.footer-row{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}