:root{--background-color:#fff;--surface-color:#fff;--primary-color:red;--primary-hover-color:#c00;--accent-color:#fff;--text-color:#111827;--text-muted-color:#6b7280;--border-color:#e5e7eb;--success-color:#16a34a}body{background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif}.page-container{flex-direction:column;min-height:100vh;display:flex}.content-wrap{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:var(--surface-color);z-index:100;justify-content:space-evenly;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000d}.header-center{position:relative}.nav-logo-link{align-items:center;text-decoration:none;display:flex}.nav-logo-img{cursor:pointer;width:auto;height:42px;display:block}.nav-links{justify-content:center;align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-color);align-items:center;gap:8px;padding:6px 0;font-weight:600;text-decoration:none;transition:color .3s;display:flex;position:relative}.nav-links a:before{color:var(--text-muted-color);font-family:"Font Awesome 5 Free";font-size:.9em;font-weight:900;transition:color .3s;display:inline-block}.nav-links a[href=\/courses]:before{content:""}.nav-links a[href=\/categories]:before{content:""}.nav-links a[href=\/udemy-coupons]:before{content:""}.nav-links a[href=\/udemy-free-courses]:before{content:""}.nav-links a[href=\/submit-course]:before{content:""}.nav-links a:hover,.nav-links a.active,.nav-links a:hover:before{color:var(--primary-color)}.nav-links a:after{content:"";background-color:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.hamburger{cursor:pointer;z-index:110;background:0 0;border:none;width:44px;height:44px;display:none;position:relative}.hamburger span{background-color:var(--primary-color);border-radius:2px;width:26px;height:2.5px;transition:all .35s;position:absolute;left:50%;transform:translate(-50%)}.hamburger span:first-child{top:14px}.hamburger span:nth-child(2){top:21px}.hamburger span:nth-child(3){top:28px}.hamburger.open span:first-child{top:21px;transform:translate(-50%)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:21px;transform:translate(-50%)rotate(-45deg)}@media (max-width:1024px){.header{justify-content:space-between}.nav-links{background:var(--surface-color);border-radius:12px;flex-direction:column;gap:20px;width:200px;padding:20px;animation:.3s fadeInMenu;display:none;position:absolute;top:65px;right:20px;box-shadow:0 4px 12px #0000001a}.nav-links.active,.hamburger{display:flex}.header-center{position:relative;left:0;transform:none}}.hero-section{color:#fff;text-align:center;background:linear-gradient(135deg,#ff2e63,#ff7a00);border-radius:0 0 60px 60px;padding:100px 20px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.hero-text h1{margin:0 0 15px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2}.hero-text .description{color:#f8fafc;max-width:650px;margin:0 auto 30px;font-size:1.1em;line-height:1.6}.hero-section:after{content:"";z-index:0;background:radial-gradient(circle at 30%,#ffffff26,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-text{z-index:1;position:relative}.hero-text .subtitle{color:#ffe97f;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:1.2em;font-weight:600}.hero-search-form{z-index:1;margin-bottom:30px;position:relative}.hero-search-form input{border:none;border-radius:14px;outline:none;width:100%;max-width:520px;padding:15px 20px;font-size:1.1em;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 15px #00000026}.hero-search-form input:focus{transform:scale(1.02);box-shadow:0 8px 20px #0003}.hero-buttons{z-index:1;flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.btn-hero-primary,.btn-hero-secondary{cursor:pointer;border-radius:14px;padding:14px 32px;font-size:1em;font-weight:700;transition:all .25s}.btn-hero-primary{color:#ff2e63;background-color:#fff;border:none}.btn-hero-primary:hover{color:#000;background-color:#ffe97f;transform:translateY(-2px)}.btn-hero-secondary{color:#fff;background:0 0;border:2px solid #fff}.btn-hero-secondary:hover{color:#ff2e63;background-color:#fff;transform:translateY(-2px)}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;width:100%;margin-top:40px;display:grid}.similar-courses-section .courses-grid{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;margin-left:-15px;margin-right:-15px;padding:10px 15px;display:flex;overflow:auto hidden}.similar-courses-section .courses-grid::-webkit-scrollbar{display:none}.similar-courses-section .courses-grid .course-card-modern{scroll-snap-align:start;flex:0 0 280px;width:280px}.course-card-link{color:inherit;text-decoration:none}.course-card-modern{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 6px 14px #0000000d}.course-card-modern:hover{transform:translateY(-6px);box-shadow:0 10px 24px #0000001a}.image-container-modern{height:180px;position:relative}.image-container-modern img{object-fit:cover;width:100%;height:100%}.time-badge{color:#fff;background:#000000b3;border-radius:6px;padding:5px 10px;font-size:.85em;position:absolute;top:12px;left:12px}.content-modern{box-sizing:border-box;flex:1;width:100%;padding:16px}.title-modern{color:var(--text-color);margin-bottom:10px;font-size:1.15em;font-weight:700}.meta-line-modern{flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.9em;display:flex}.meta-item-modern{color:#ff7b00;font-size:.8em;font-weight:700}.price-modern{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.price-modern .original-price{color:var(--text-muted-color);font-size:.9em;text-decoration:line-through}.price-modern .current-price{color:red;font-size:1.2em;font-weight:700}.category-card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;width:100%;margin-top:40px;display:grid}.category-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;width:100%;padding:20px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000000d}.category-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.category-card-header a{color:var(--text-color);font-size:1.2em;font-weight:700;text-decoration:none}.subcategory-list a{color:var(--text-muted-color);text-decoration:none}.subcategory-list a:hover{color:var(--primary-color)}.course-detail-card-v2{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;max-width:900px;margin:40px auto;box-shadow:0 6px 20px #00000014}.detail-image-container{height:400px;position:relative}.detail-image-container img{object-fit:cover;border-radius:16px 16px 0 0;width:100%;height:100%}.detail-content-v2{padding:30px}.detail-title{margin-bottom:10px;font-size:2.4em;font-weight:700}.detail-meta-bar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;display:flex}.meta-info{flex-wrap:wrap;gap:8px;display:flex}.meta-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.9em;font-weight:500;display:flex}.meta-item-main-category{font-weight:600;background-color:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.price-info-detail-rounded{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;align-items:baseline;gap:10px;padding:8px 16px;display:flex}.price-info-detail-rounded .original-price{color:var(--text-muted-color);font-size:1em;text-decoration:line-through}.price-info-detail-rounded .current-price{color:red;font-size:1.1em;font-weight:700}.detail-breadcrumb{color:var(--text-muted-color);margin-bottom:20px;font-size:.8em;font-weight:200}.detail-headline{color:var(--text-muted-color);margin:20px 0 30px;font-size:1.2em;line-height:1.5}.detail-description{border-top:1px solid var(--border-color);margin-top:30px;padding-top:30px;line-height:1.7}.detail-enroll-btn{text-align:center;max-width:400px;margin:40px auto 0}.btn{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:6px;width:100%;padding:12px;font-size:1.1em;font-weight:700;text-decoration:none;transition:background-color .2s;display:block}.btn:hover:not(:disabled){background-color:#c00}.pagination{justify-content:center;gap:15px;margin-top:30px;display:flex}.page-arrow{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 16px}.footer{text-align:center;background-color:var(--surface-color);border-top:1px solid var(--border-color);color:var(--text-muted-color);padding:20px}.load-more-container{text-align:center;margin-top:40px}.btn-load-more{background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:12px 30px;font-size:1em;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 1px 3px #0000000d}.btn-load-more:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-header{text-align:center;margin-bottom:40px}.page-header h1{color:var(--primary-color);margin:0 0 15px;font-size:2.5em;font-weight:800}.page-header p{color:var(--text-muted-color);font-size:1.1em}.form-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;max-width:700px;margin:40px auto 0;padding:40px;box-shadow:0 1px 3px #00000014}.submit-form-group{display:flex}.submit-form-group .form-control{border-right:none;border-radius:8px 0 0 8px;flex-grow:1;padding:15px;font-size:1.1em}.submit-form-group .btn-submit{border-radius:0 8px 8px 0;flex-shrink:0;width:auto;padding:15px 30px}.instructions-box{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;max-width:700px;margin:30px auto 0;padding:25px 30px}.instructions-box h3{color:var(--primary-color);margin-top:0;font-size:1.3em}.instructions-box ul{color:var(--text-muted-color);margin:0;padding-left:20px;line-height:1.6}.instructions-box li{margin-bottom:10px}.alert{border-radius:8px;margin-top:20px;padding:15px;font-weight:500}.alert-success{color:#166534;background-color:#dcfce7}.alert-error{color:#991b1b;background-color:#fee2e2}.alert-link{color:var(--primary-color);margin-top:5px;font-weight:600;text-decoration:none;display:inline-block}.alert-link:hover{text-decoration:underline}.not-found-container{text-align:center;padding:60px 20px}.not-found-container h1{color:var(--primary-color);margin:0;font-size:6em}@media (max-width:768px){.content-wrap{padding:0 15px}.hero-section{border-radius:0 0 40px 40px;margin-left:-15px;margin-right:-15px;padding:70px 15px}.hero-text h1{font-size:2.2rem}.hero-search-form input{max-width:100%}@media (max-width:768px){.detail-meta-bar{white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;border-bottom:none;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:10px;padding:10px 0;display:flex;overflow:auto hidden}.detail-meta-bar::-webkit-scrollbar{display:none}.meta-item-main-category{display:none}.meta-info,.price-info-detail-rounded{flex-shrink:0;align-items:center;gap:8px;display:flex}}.courses-grid{grid-template-columns:1fr}.course-detail-card-v2{border-left:none;border-right:none;border-radius:0;max-width:none;margin:0 -15px}.detail-image-container{height:250px}.detail-image-container img{border-radius:0}.form-container,.instructions-box{max-width:none;box-shadow:none;border-left:none;border-right:none;border-radius:0;margin-left:-15px;margin-right:-15px}.submit-form-group{flex-wrap:wrap;display:flex}.submit-form-group .form-control{border-right:8px;border-radius:8px 0 0 8px;flex-grow:1;padding:15px;font-size:1.1em}.form-container{margin-top:0}.instructions-box{border-top:none;margin-top:0}}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.social-follow-section{border-top:1px solid var(--border-color);text-align:center;margin-top:40px;padding-top:30px}.social-follow-section h3{color:var(--text-color);margin-bottom:20px;font-size:1.4em;font-weight:600}.social-buttons-container{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.social-follow-button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5em;text-decoration:none;transition:transform .2s ease-in-out,opacity .2s;display:inline-flex}.social-follow-button:hover{opacity:.9;transform:scale(1.1)}.social-follow-button.telegram{background-color:#24a1de}.social-follow-button.facebook,.social-follow-button.facebook-group{background-color:#1877f2}.social-follow-button.whatsapp{background-color:#25d366}.social-follow-button.twitter{background-color:#1da1f2}@media (max-width:768px){.detail-meta-bar{white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;justify-content:flex-start;align-items:center;padding:10px 0;display:flex;overflow:auto hidden}.detail-meta-bar::-webkit-scrollbar{display:none}.meta-info,.price-info-detail-rounded{flex-shrink:0;align-items:center;gap:8px;display:flex}.detail-meta-bar{border-bottom:none;margin-bottom:10px;padding-bottom:10px}.meta-item{padding:5px 10px;font-size:.85em}.price-info-detail-rounded{padding:5px 12px}}.detail-description h2,.detail-description h3,.detail-description h4,.detail-description h5,.detail-description h6{color:var(--text-color);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:600}.detail-description p{color:var(--text-muted-color);margin-bottom:1em;line-height:1.7}.detail-description ul,.detail-description ol{margin-bottom:1em;padding-left:20px}.detail-description li{color:var(--text-muted-color);margin-bottom:.5em;line-height:1.6}.detail-description strong,.detail-description b{color:var(--text-color);font-weight:600}.similar-courses-section .courses-grid{grid-template-columns:repeat(2,1fr)}.sponsored-badge{background:linear-gradient(135deg,#6d28d9,#4f46e5)}.affiliate-card{border:2px solid #6d28d9}.ad-card-placeholder{justify-content:center;align-items:center;min-height:250px;padding:0;display:flex;overflow:hidden}.nav-search-link .search-icon{color:#333;vertical-align:middle;font-size:18px}.nav-search-link:hover .search-icon{color:#e53e3e}.footer{color:#cbd5e1;background:#0f172a;margin-top:60px;padding:50px 20px 20px}.footer-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.footer-section h4{color:#fff;margin-bottom:15px;font-size:16px}.footer-section p{color:#94a3b8;font-size:14px;line-height:1.6}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#cbd5e1;font-size:14px;text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:#38bdf8}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #1e293b;margin-top:40px;padding-top:15px;font-size:13px}