:root{--navy:#101c35;--navy2:#172744;--gold:#e8b957;--ink:#17233b;--muted:#6e788b;--line:#e9edf3;--surface:#f7f8fb}
*{box-sizing:border-box}body{font-family:"DM Sans",Arial,sans-serif;color:var(--ink);line-height:1.7}h1,h2,h3,h4{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-weight:800;letter-spacing:-.035em}
.site-navbar{background:var(--navy);padding:14px 0;border-bottom:1px solid #ffffff12}.brand-mark{display:inline-flex;align-items:center;gap:9px;color:white!important;font-weight:800;font-size:1.3rem}.brand-mark>span:last-child{color:var(--gold)}.brand-icon{display:grid;place-items:center;width:37px;height:37px;background:var(--gold);border-radius:10px;color:var(--navy)}.site-navbar .nav-link{color:#c6cedd;font-weight:600;padding:10px 14px!important}.site-navbar .nav-link:hover{color:var(--gold)}
.btn{font-weight:700;border-radius:9px;padding:11px 18px}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn-gold:hover{background:#f3ca77;border-color:#f3ca77;color:var(--navy)}.btn-login{color:white;border:1px solid #ffffff40}.btn-login:hover{color:var(--gold);border-color:var(--gold)}
.hero-section{position:relative;overflow:hidden;background:var(--navy);color:white;padding:90px 0}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.15em}.eyebrow>span{width:24px;height:2px;background:var(--gold)}.hero-title{font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.15;margin:23px 0}.hero-title span,.catalog-title span,.section-title span,.cta-panel h2 span{color:var(--gold)}.hero-description{max-width:570px;color:#b8c3d6;font-size:1.08rem}.hero-proof{display:flex;align-items:center;gap:12px;color:#d4dbea}.hero-proof i{color:var(--gold);font-size:1.8rem}.hero-visual{min-height:330px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;width:290px;height:290px;border:1px solid #e8b95740;border-radius:50%;box-shadow:0 0 0 35px #e8b95708,0 0 0 70px #e8b95706}.learning-illustration{display:grid;place-items:center;width:200px;height:200px;border-radius:45px;background:linear-gradient(145deg,#263c5e,#172742);border:1px solid #e8b95760;color:var(--gold);font-size:6.5rem;box-shadow:0 25px 70px #080f2066;transform:rotate(-5deg)}.floating-note{position:absolute;right:0;top:35px;display:flex;align-items:center;gap:12px;padding:14px;background:#fff;color:var(--ink);border-radius:12px;box-shadow:0 15px 40px #0002}.floating-note>i{font-size:1.5rem;color:#bb8b2d}.floating-note strong,.floating-note small{display:block;white-space:nowrap}.floating-note strong{font-size:.8rem}.floating-note small{font-size:.7rem;color:var(--muted)}
.trust-strip{padding:25px 0;border-bottom:1px solid var(--line);color:#4d5a70;font-weight:700}.trust-strip i{color:#bd8b2b;margin-right:8px;font-size:1.1rem}.section-space{padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.eyebrow-light{color:#b18229}.section-title{font-size:clamp(1.8rem,3vw,2.5rem);margin:12px 0}.section-title span{color:#b18229}.section-description{color:var(--muted);margin:0}.text-link{display:inline-flex;gap:8px;align-items:center;text-decoration:none;color:var(--navy);font-weight:800;font-size:.87rem}.text-link:hover{color:#b18229}
.course-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:.2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #101c3510}.course-art{height:175px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none}.course-art:before{content:"";position:absolute;width:190px;height:190px;border:1px solid currentColor;border-radius:50%;opacity:.18;right:-50px;top:-80px}.course-art-blue{background:#e8efff;color:#4169b4}.course-art-gold{background:#fff2d7;color:#a87921}.course-art-purple{background:#f0eaff;color:#7960b7}.course-art-green{background:#e3f4ec;color:#328465}.course-art-icon{font-size:4.5rem}.course-category,.course-level{position:absolute;padding:5px 10px;border-radius:7px;background:#ffffffdf;color:var(--ink);font-size:.7rem;font-weight:800}.course-category{top:14px;left:14px}.course-level{right:13px;bottom:13px}.course-card-body{padding:18px}.course-rating{font-size:.78rem;color:#ad7d20;font-weight:800}.course-rating i{color:#e6ad37}.course-rating span{color:var(--muted);font-weight:500}.course-title{font-size:1.03rem;line-height:1.5;margin:11px 0 15px}.course-title a{color:var(--ink);text-decoration:none}.course-title a:hover{color:#b18229}.course-meta{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;font-size:.72rem;color:var(--muted)}.course-card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.course-price{font-size:1.02rem}.course-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--navy);color:var(--gold);text-decoration:none}.benefits-section{background:var(--surface)}.benefit-card{height:100%;background:white;border:1px solid var(--line);border-radius:15px;padding:28px}.benefit-card>i{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#fff2d7;color:#b18229;font-size:1.4rem;margin-bottom:20px}.benefit-card h3{font-size:1.08rem}.benefit-card p{color:var(--muted);font-size:.9rem;margin:0}.cta-section{padding:0 0 80px;background:var(--surface)}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px;border-radius:18px;background:var(--navy);color:white}.cta-panel h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:12px 0}.cta-panel p{color:#b8c3d6;margin:0}
.site-footer{background:#0b1428;color:white}.site-footer h6{font-size:.9rem;margin:8px 0 18px}.footer-description{color:#9caac0;font-size:.88rem;max-width:390px}.footer-link{display:block;color:#aeb9cc;text-decoration:none;margin:9px 0;font-size:.87rem}.footer-link:hover{color:var(--gold)}.footer-divider{border-color:#ffffff20;margin:30px 0 18px}.footer-bottom{color:#8795ab;font-size:.78rem}
.catalog-hero{padding:60px 0;background:var(--navy);color:white}.catalog-title{font-size:clamp(2.2rem,4vw,3.3rem);margin:16px 0 8px}.catalog-hero p{color:#bac5d7}.catalog-search{display:flex;align-items:center;gap:12px;max-width:680px;margin-top:25px;padding:8px 8px 8px 16px;border-radius:12px;background:white;color:var(--muted)}.catalog-search input{flex:1;min-width:0;border:0;outline:0;padding:8px;color:var(--ink)}.catalog-results-title{font-size:1.25rem;margin:0 0 4px}.catalog-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{padding:7px 13px;border:1px solid var(--line);border-radius:30px;text-decoration:none;color:#596579;font-size:.8rem;font-weight:700}.filter-pill:hover,.filter-pill.active{background:var(--navy);border-color:var(--navy);color:white}.empty-state{text-align:center;padding:60px 20px;border:1px dashed #d5dce7;border-radius:15px}.empty-state>i{font-size:2.5rem;color:#b18229}.empty-state h3{margin:12px}.empty-state p{color:var(--muted)}
.detail-hero{background:var(--navy);color:white;padding:28px 0 50px}.detail-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#aebbd0;font-size:.8rem}.detail-breadcrumb a{color:#d8e0ec;text-decoration:none}.detail-category{color:var(--gold);font-weight:800;font-size:.8rem}.detail-title{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.2;margin:15px 0}.detail-description{color:#b8c3d6}.detail-stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;font-size:.82rem;color:#d7deea}.detail-stats i{color:var(--gold)}.detail-art{min-height:240px;border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden}.detail-art>i{font-size:7rem}.detail-art>span{position:absolute;bottom:18px;left:20px;font-weight:800}.detail-section-title{font-size:1.4rem;margin-bottom:15px}.detail-body{color:#657186;line-height:1.9}.learning-list{list-style:none;padding:0}.learning-list li{margin:12px 0;color:#536075}.learning-list i{color:#37956e;margin-right:10px}.enroll-card{padding:25px;border:1px solid var(--line);border-radius:15px;box-shadow:0 14px 40px #101c350b}.enroll-label{font-size:.82rem;color:var(--muted)}.enroll-price{font-size:1.8rem;font-weight:800;margin:4px 0 18px}.enroll-meta{display:grid;gap:11px;padding:17px 0;border-block:1px solid var(--line);font-size:.86rem;color:#586479}.enroll-meta i{width:22px;color:#b18229}.enroll-note{text-align:center;color:var(--muted);font-size:.75rem;margin:14px 0 0}.related-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.related-heading .section-title{margin:0}
@media(max-width:991.98px){.hero-section{padding:65px 0}.hero-visual{min-height:300px}.learning-illustration{width:170px;height:170px;font-size:5rem}.section-space{padding:60px 0}.cta-panel{padding:30px}}@media(max-width:575.98px){.hero-section{padding:50px 0}.hero-title{font-size:2.5rem}.hero-description{font-size:.95rem}.hero-visual{min-height:255px}.learning-illustration{width:140px;height:140px;font-size:4rem}.visual-orbit{width:220px;height:220px}.floating-note{top:12px;right:0;padding:10px}.trust-strip{font-size:.8rem}.section-space{padding:50px 0}.section-heading{align-items:flex-start;flex-direction:column}.course-art{height:180px}.cta-section{padding-bottom:50px}.cta-panel{align-items:flex-start;flex-direction:column;padding:25px 22px}.catalog-hero{padding:45px 0}.catalog-search{flex-wrap:wrap}.catalog-search input{width:calc(100% - 40px)}.catalog-search .btn{width:100%}.detail-art{min-height:200px}.detail-art>i{font-size:5rem}.detail-title{font-size:2.2rem}}