:root{--udemy-purple:#a435f0;--udemy-dark:#2d2f31;--udemy-gray:#6a6f73;--udemy-light:#f7f9fa;--font-family:"SF Pro Display", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--udemy-dark);background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{align-items:center;gap:20px;height:72px;padding:0 24px;display:flex;box-shadow:0 2px 4px #00000014}.logo{color:var(--udemy-dark);font-size:24px;font-weight:700;text-decoration:none}.search-bar{background:var(--udemy-light);border:1px solid var(--udemy-dark);border-radius:999px;flex:1;align-items:center;padding:10px 20px;display:flex}.search-bar input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.hero{background-color:var(--udemy-light);padding:64px 0;position:relative;overflow:hidden}.hero-content{z-index:2;background:#fff;max-width:440px;padding:24px;position:relative;box-shadow:0 2px 4px #00000014}.hero-content h1{margin-bottom:16px;font-size:32px}.course-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-top:48px;display:grid}.course-card{cursor:pointer;transition:transform .2s}.course-card img{aspect-ratio:16/9;object-fit:cover;border:1px solid #d1d7dc;width:100%}.course-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 4px;font-size:16px;display:-webkit-box;overflow:hidden}.course-card .instructor{color:var(--udemy-gray);font-size:12px}.course-card .rating{color:#b4690e;align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.course-card .price{margin-top:4px;font-size:16px;font-weight:700}.bestseller-badge{color:#3d3c0a;background-color:#eceb98;margin-top:4px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}