/* HỌC AI CÙNG HẢO – responsive storefront for homepage + three focused course pages.
   AI MASTER 21 stays on its approved master.css and unchanged original HTML. */
.hc-page{--hc-navy:#18223d;--hc-gold:#f0c780;--hc-lavender:#7867d8;--hc-cream:#f8f6f2;--hc-paper:#ffffff;color:#273047}
.hc-page h1,.hc-page h2,.hc-page h3,.hc-page strong{overflow-wrap:normal;word-break:normal;hyphens:none}
.hc-page p{line-height:1.85}
.hc-page .nav{background:rgba(248,246,242,.96)}
.hc-nav-cta{white-space:nowrap}
.hc-hero{position:relative;overflow:hidden;isolation:isolate;padding:62px 0 70px;min-height:650px;background:radial-gradient(circle at 85% 8%,#faf0dc 0,transparent 37%),linear-gradient(115deg,#1b2547,#29395e 58%,#4c517c);color:#fff}
.hc-hero:before{content:'✧';position:absolute;font-size:400px;line-height:1;opacity:.045;right:12%;top:10%;transform:rotate(-9deg);pointer-events:none}
.hc-hero-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:44px;align-items:center}
.hc-hero-copy{position:relative;z-index:1;padding:12px 0}
.hc-kicker{display:inline-block;font-weight:800;font-size:11px;letter-spacing:.12em;color:#7552b3;text-transform:uppercase;margin-bottom:15px}
.hc-kicker-light{color:#f0cc8d}
.hc-hero h1{font-weight:800;line-height:1.13;letter-spacing:-.04em;font-size:clamp(43px,4.6vw,64px);color:#fff;margin:0 0 22px;text-wrap:balance}
.hc-hero h1 em{font-style:normal;color:#f0c780;white-space:normal}
.hc-hero h2{font-size:clamp(23px,2.5vw,35px);line-height:1.24;color:#fff;text-wrap:balance;letter-spacing:-.032em;margin:0 0 20px}
.hc-hero-copy>p{color:#e8ecf6;font-size:15px;line-height:1.83;max-width:600px;margin:0 0 14px}
.hc-hero-copy .hc-hero-lead{color:#f1d6a5;font-weight:750;font-size:13px;letter-spacing:.015em}
.hc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:28px}
.hc-btn-gold{background:var(--hc-gold);border-color:var(--hc-gold);color:var(--hc-navy)!important;white-space:normal;text-align:center}
.hc-hero .btn-outline{border-color:#ffffff99;color:#fff;background:transparent;text-align:center}
.hc-hero .btn-outline:hover{background:#fff;color:var(--hc-navy)}
.hc-tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}
.hc-tag-row>span{font-size:11px;border:1px solid #ffffff30;background:#ffffff13;border-radius:100px;padding:6px 12px;color:#fff}
.hc-portrait-frame{position:relative;max-width:435px;margin:0 auto;width:100%;height:530px;border:1px solid #ffffff63;background:radial-gradient(circle at 45% 35%,#e9d6cf 4%,#c1b2c8 65%,#80768e);border-radius:230px 230px 30px 30px;overflow:hidden;box-shadow:0 30px 70px #0005}
.hc-portrait-frame:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#17213c9c 0%,transparent 27%);pointer-events:none}
.hc-portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.hc-photo-tag{position:absolute;z-index:1;bottom:16px;left:16px;right:16px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.08em;padding:12px 9px;border:1px solid #ffffff7b;color:#fff;border-radius:8px;background:#17223cb5}
.hc-home-hero{background:radial-gradient(ellipse at 84% 19%,#505480 0%,transparent 47%),linear-gradient(128deg,#18223d,#29365c 66%,#4d4771)}
.hc-home-hero h1{font-size:clamp(45px,5.1vw,71px)}
.hc-visual-hero{background:radial-gradient(circle at 95% 0%,#c7b4dd 0%,transparent 37%),linear-gradient(123deg,#292643,#695496 84%)}
.hc-video-hero{background:radial-gradient(circle at 95% 0%,#556695 0%,transparent 43%),linear-gradient(135deg,#18223d,#434167 90%)}
.hc-review-hero{background:radial-gradient(circle at 90% 0%,#7c6d7d 0%,transparent 40%),linear-gradient(125deg,#17233d,#555063 96%)}
.hc-hero-price{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:22px}
.hc-hero-price del{font-size:16px;color:#d5d6e1}.hc-hero-price strong{font-size:29px;font-weight:800;color:var(--hc-gold);line-height:1.3}
.hc-hero-price span{font-weight:800;font-size:10px;letter-spacing:.05em;color:#f0dfbc;background:#ffffff1e;border-radius:7px;padding:6px 8px}
.hc-section{padding:85px 0}.hc-light{background:#fff}
.hc-section-heading{max-width:900px;margin:0 0 34px}
.hc-section-heading h2{color:var(--hc-navy);font-size:clamp(29px,3vw,42px);font-weight:800;line-height:1.3;letter-spacing:-.035em;margin:0 0 13px;text-wrap:balance}
.hc-section-heading p{font-size:14px;color:#657087;max-width:780px;margin:0}
.hc-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.hc-course-card{display:flex;flex-direction:column;border:1px solid #e4e3e7;border-radius:20px;overflow:hidden;background:white;box-shadow:0 10px 30px #212a4e0b;transition:transform .2s,box-shadow .2s}
.hc-course-card:hover{transform:translateY(-5px);box-shadow:0 24px 38px #212a4e20}
.hc-course-top{min-height:161px;padding:24px 20px;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;color:white}
.hc-course-top:after{content:'';width:145px;height:145px;border-radius:50%;border:34px solid #ffffff20;right:-60px;top:-52px;position:absolute;z-index:-1}
.hc-course-top span{font-size:30px;line-height:1;color:var(--hc-gold)}
.hc-course-top strong{font-size:21px;line-height:1.24;font-weight:850;letter-spacing:-.035em;color:#fff}
.hc-course-top.hc-violet{background:linear-gradient(130deg,#7867d8,#a29de4)}
.hc-course-top.hc-coral{background:linear-gradient(130deg,#384b82,#7f7eaf)}
.hc-course-top.hc-gold{background:linear-gradient(130deg,#865e53,#c7a784)}
.hc-course-top.hc-navy{background:linear-gradient(130deg,#14213c,#364776)}
.hc-course-body{padding:19px;display:flex;flex-direction:column;flex:1}
.hc-course-body h3{font-size:16px;font-weight:800;color:var(--hc-navy);min-height:47px;line-height:1.42;margin:0 0 9px}
.hc-course-body p{font-size:12px;color:#69738a;min-height:62px;margin:0 0 15px}
.hc-course-price{display:flex;flex-direction:column;gap:0;margin-top:auto;border-top:1px solid #eee;padding-top:14px}
.hc-course-price del,.hc-course-price .hc-course-value{font-size:11px;color:#8e95a6}
.hc-course-price strong{font-size:22px;color:var(--hc-navy);font-weight:850;white-space:nowrap}
.hc-course-link{font-size:12px;font-weight:800;color:#7361ba;padding-top:14px}
.hc-fine{margin:18px 0 0;color:#7d8594!important;font-size:11px!important;line-height:1.7!important}
.hc-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.hc-benefits-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.hc-benefit-card{padding:26px;border:1px solid #e9e7e8;background:#fff;border-radius:19px;box-shadow:0 10px 30px #202b4909;min-width:0}
.hc-benefit-card h3{font-size:17px;line-height:1.5;font-weight:800;color:var(--hc-navy);margin:14px 0 9px}
.hc-benefit-card p{font-size:12px;margin:0;color:#637087}
.hc-icon{display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#f5e3c6,#eae2fa);color:#7254a6;font-size:22px;font-weight:850;width:58px;height:58px}
.hc-benefit-featured{background:var(--hc-navy);border-color:var(--hc-navy)}
.hc-benefit-featured h3{color:#fff}.hc-benefit-featured p{color:#d6dced}.hc-benefit-featured .hc-icon{color:#20314b;background:var(--hc-gold)}
.hc-about-section{background:linear-gradient(125deg,#1a2440,#37476b);color:#fff}
.hc-about-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;align-items:center}
.hc-about-section h2{color:#fff}.hc-about-section p{color:#e1e6ef;font-size:15px;line-height:1.9}
.hc-about-section strong{color:var(--hc-gold)}
.hc-about-photo{height:460px;max-width:380px;border:5px solid #d9c8ae;border-radius:30px;overflow:hidden;background:#eee3d8}
.hc-about-photo img{object-fit:cover;object-position:50% 25%;width:100%;height:100%}
.hc-visual-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:46px}
.hc-visual-samples figure{margin:0;background:#f8f6f2;border-radius:18px;overflow:hidden;border:1px solid #e7e3e2}
.hc-visual-samples img{display:block;width:100%;height:260px;object-fit:cover;object-position:top center}
.hc-visual-samples figcaption{padding:16px 18px;color:var(--hc-navy);font-size:13px;font-weight:800}
.hc-row-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 20px}
.hc-row-title h3{font-weight:850;font-size:20px;margin:0;color:var(--hc-navy)}
.hc-row-title>a{font-size:12px;font-weight:800;color:#7965bd}
.hc-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hc-video-card{background:#fff;border:1px solid #e9e6e6;border-radius:17px;overflow:hidden;position:relative;min-width:0}
.hc-video-card video{background:#1f283d;display:block;width:100%;height:315px;object-fit:cover;aspect-ratio:9/16}
.hc-video-tag{position:absolute;top:11px;left:10px;z-index:1;padding:5px 9px;background:#192844d9;color:#fff;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.05em;pointer-events:none}
.hc-video-label{padding:16px 16px 18px}.hc-video-label h3{font-size:15px;color:var(--hc-navy);margin:0 0 4px}.hc-video-label p{margin:0;font-size:11px;color:#778094}
.hc-feedback-section{background:linear-gradient(125deg,#f3effd,#faf9fc 55%,#fdf3e8)}
.hc-feedback-row{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:3px 0 20px;scrollbar-color:#b5a6dc transparent}
.hc-feedback-card{flex:0 0 min(33%,355px);padding:0;border:1px solid #e3dcf0;border-radius:18px;overflow:hidden;background:#fff;text-align:left;scroll-snap-align:start;box-shadow:0 8px 25px #26244e0c;cursor:zoom-in;display:flex;flex-direction:column}
.hc-feedback-card img{width:100%;height:295px;object-fit:contain;background:#eae6f5;display:block}
.hc-feedback-card span{font-size:12px;color:#5941a0;font-weight:800;padding:13px 16px;background:#fff}
.hc-lightbox{width:min(95vw,860px);max-height:94vh;border:0;border-radius:16px;padding:45px 14px 14px;background:#f9f8ff;box-shadow:0 25px 100px #0009;text-align:center}
.hc-lightbox::backdrop{background:#11192be8}
.hc-lightbox img{width:auto;max-width:100%;max-height:74vh;object-fit:contain}
.hc-lightbox p{margin:6px 0 0;font-size:11px;color:#6d7691}
.hc-lightbox-close{position:absolute;right:12px;top:8px;border:0;background:#19233d;color:white;border-radius:8px;font-size:17px;padding:5px 11px}
.hc-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.hc-path-grid a{background:#fff;border-radius:18px;padding:25px 27px;min-height:135px;border:1px solid #e3e1e4;display:flex;flex-direction:column;justify-content:space-between;gap:15px}
.hc-path-grid a:hover{border-color:#cbbced;box-shadow:0 14px 28px #171f3513}
.hc-path-grid strong{font-size:16px;color:var(--hc-navy);line-height:1.6}
.hc-path-grid span{font-weight:850;font-size:12px;color:#7864c2}
.hc-end-cta{background:radial-gradient(circle at 20% 50%,#596188,transparent 40%),linear-gradient(130deg,#151e36,#293854)}
.hc-end-cta-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}
.hc-end-cta h2{color:#fff;font-size:clamp(28px,3vw,41px);line-height:1.35;margin:0 0 12px}
.hc-end-cta p{color:#e0e4ee;margin:0}
.hc-end-cta-inner>.btn{flex-shrink:0}
.hc-footer-links{display:flex;flex-direction:column;gap:7px;min-width:200px}
.hc-footer-links a{color:#c5cde0;font-size:12px}.hc-footer-links a:hover{color:var(--hc-gold)}
.hc-application-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.hc-application-card{border:1px solid #e5e1ed;background:#fff;border-radius:18px;overflow:hidden;min-width:0}
.hc-application-media{height:245px;background:#eae4f4;overflow:hidden}
.hc-application-media img{display:block;object-fit:cover;object-position:top center;width:100%;height:100%}
.hc-art-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:radial-gradient(circle at 75% 12%,#f1d4a5,transparent 38%),linear-gradient(135deg,#ac96df,#e5dff7 60%,#f5e9df)}
.hc-art-placeholder span{font-size:90px;color:#fff9d7;text-shadow:0 8px 30px #7560aa70;line-height:1}
.hc-art-placeholder i{font-size:17px;letter-spacing:.2em;font-weight:850;color:#584e7e;font-style:normal;text-align:center;line-height:1.5}
.hc-application-text{padding:17px}.hc-application-text>span,.hc-review-cat>div:last-child>span{font-size:11px;color:#8b77c7;font-weight:850;letter-spacing:.06em}
.hc-application-text h3{font-size:15px;font-weight:850;color:var(--hc-navy);margin:7px 0 8px;line-height:1.5}
.hc-application-text p{font-size:12px;margin:0;color:#6b7586}
.hc-skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.hc-skills-grid article{background:#fff;border:1px solid #e8e4e9;border-radius:18px;padding:26px 28px}
.hc-skills-grid article span{display:inline-block;font-size:30px;font-weight:850;color:#c4b0e5;margin-bottom:9px;line-height:1.1}
.hc-skills-grid article h3{font-size:17px;font-weight:850;color:var(--hc-navy);margin:0 0 12px;line-height:1.48}
.hc-skills-grid article p{font-size:13px;color:#667185;margin:0}
.hc-lifetime{margin-top:24px;background:linear-gradient(127deg,#18223d,#3b4169);color:#fff;padding:43px 47px;border-radius:22px;border:1px solid #cbb18466;box-shadow:0 18px 40px #19253d18}
.hc-lifetime>span{color:var(--hc-gold);font-size:11px;font-weight:850;letter-spacing:.15em}
.hc-lifetime h2{color:#fff;font-size:clamp(26px,3vw,39px);margin:14px 0 14px;line-height:1.33}
.hc-lifetime h2 em{font-style:normal;color:var(--hc-gold);font-size:1.25em;white-space:nowrap}
.hc-lifetime>strong{display:block;font-size:14px;line-height:1.8;color:var(--hc-gold);margin-bottom:9px}
.hc-lifetime p{margin:0;color:#e0e5ed;max-width:850px;font-size:13px}
.hc-price-section{background:linear-gradient(125deg,#eee8f8,#f9f7f2 52%,#f9f1e1)}
.hc-price-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:center;gap:45px}
.hc-price-content .hc-kicker{margin-bottom:14px}
.hc-price-content h2{font-size:clamp(28px,3vw,41px);line-height:1.3;color:var(--hc-navy);margin-bottom:22px}
.hc-benefit-list{list-style:none;padding:0;display:grid;gap:13px;margin:0}
.hc-benefit-list li{padding-left:30px;position:relative;color:#374058;font-size:13px;line-height:1.7}
.hc-benefit-list li:before{content:'✓';position:absolute;top:0;left:0;color:#7561b2;font-weight:900;font-size:15px}
.hc-price-panel{background:var(--hc-navy);color:#fff;border-radius:23px;padding:43px 34px;text-align:center;box-shadow:0 25px 55px #131e3430}
.hc-price-label{display:block;color:var(--hc-gold);font-size:11px;font-weight:850;letter-spacing:.14em}
.hc-old-price{margin:17px 0 13px;color:#d1d8e7!important;font-size:15px}.hc-old-price del{color:#d1d8e7}
.hc-price-highlight{border:2px solid var(--hc-gold);display:inline-block;padding:12px 22px;color:var(--hc-gold);font-weight:900;font-size:clamp(30px,3.8vw,47px);letter-spacing:-.05em;border-radius:15px;line-height:1.45;white-space:nowrap}
.hc-price-desc{color:#e1e4ef!important;font-size:12px!important;margin:21px 0!important}
.hc-price-panel .btn{width:100%;white-space:normal;text-align:center}
.hc-safe-form{margin-top:13px;color:#d5dbe8;font-size:10px}
.hc-genre-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.hc-genre-card{background:#fff;border:1px solid #e8e3e9;border-radius:18px;overflow:hidden;min-width:0;box-shadow:0 10px 30px #181c3c0a}
.hc-genre-card video{display:block;width:100%;height:330px;object-fit:cover;background:#1b2338}
.hc-genre-card>div{padding:19px 17px 22px}
.hc-genre-card h3{font-size:16px;font-weight:850;color:var(--hc-navy);margin:0 0 11px}
.hc-genre-card p{font-size:12px;color:#667284;margin:0}
.hc-more-video{display:grid;grid-template-columns:1fr 190px;gap:20px;align-items:center;margin-top:24px;padding:21px 25px;border:1px solid #e7e3eb;background:#f9f7fc;border-radius:18px}
.hc-more-video>div h3{color:var(--hc-navy)}
.hc-more-video .hc-video-card video{height:250px}.hc-more-video .hc-video-label{padding:12px}.hc-more-video .hc-video-label h3{font-size:12px}.hc-more-video .hc-video-label p{display:none}
.hc-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.hc-review-cat{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e6e3e9}
.hc-review-symbol{height:198px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:radial-gradient(circle at 50% 40%,#faf3e4,transparent 62%),linear-gradient(130deg,#d2c4db,#eee4dc)}
.hc-review-symbol span{font-size:75px;font-weight:350;line-height:1.2;color:#5a466a;text-shadow:0 13px 25px #55407326}
.hc-review-symbol small{font-size:10px;font-weight:900;letter-spacing:.17em;color:#6e6390}
.hc-review-symbol-02{background:linear-gradient(130deg,#e9d1c6,#e4daf0)}
.hc-review-symbol-03{background:linear-gradient(130deg,#f0e0d6,#eadff7)}
.hc-review-symbol-04{background:linear-gradient(130deg,#d8dce6,#e9dabd)}
.hc-review-cat>div:last-child{padding:17px}
.hc-review-cat h3{font-size:15px;color:var(--hc-navy);font-weight:850;line-height:1.5;margin:6px 0 7px}
.hc-review-cat p{font-size:12px;margin:0;color:#6d7685}
.hc-capsule{background:#f0e7f9;color:#5b438b;font-size:12px;font-weight:850;border-radius:14px;padding:13px 18px;margin-bottom:20px;line-height:1.8}
.hc-review-fast{background:#18223d;color:#fff;display:grid;grid-template-columns:1fr 190px;align-items:center;gap:20px;padding:32px 36px;border-radius:19px;margin-bottom:17px}
.hc-review-fast>div>span{color:var(--hc-gold);font-size:10px;font-weight:900;letter-spacing:.16em}
.hc-review-fast h3{color:#fff;font-weight:900;font-size:22px;line-height:1.3;margin:12px 0}
.hc-review-fast p{color:#e5e9f2;font-size:13px;margin:6px 0}
.hc-review-fast p strong{color:var(--hc-gold)}
.hc-review-fast>strong{font-size:36px;line-height:1.2;color:var(--hc-gold);border:2px solid var(--hc-gold);border-radius:13px;padding:17px 10px;text-align:center;white-space:nowrap}
.hc-message{font-size:14px;text-align:center;font-weight:850;padding:24px;color:#394062;line-height:1.85}
@media(max-width:1100px){.hc-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-application-grid,.hc-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-genre-grid,.hc-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-video-card video,.hc-genre-card video{height:380px}.hc-hero-grid{gap:25px}.hc-portrait-frame{height:490px}.hc-page .nav-inner{gap:12px}}
@media(max-width:690px){.hc-hero{min-height:auto;padding:45px 0 47px}.hc-hero-grid{grid-template-columns:1fr;gap:23px}.hc-hero-copy{padding:0}.hc-hero h1,.hc-home-hero h1{font-size:clamp(36px,9vw,47px);line-height:1.18}.hc-hero h2{font-size:clamp(24px,6vw,31px);margin-bottom:17px}.hc-hero-copy>p{font-size:13px}.hc-hero-price strong{font-size:27px}.hc-actions{align-items:stretch;gap:9px}.hc-actions .btn{flex:1 1 100%;padding:13px 12px}.hc-portrait-frame{max-width:325px;height:370px;border-radius:180px 180px 22px 22px}.hc-photo-tag{font-size:8px}.hc-section{padding:56px 0}.hc-section-heading{margin-bottom:25px}.hc-section-heading h2{font-size:clamp(25px,6.5vw,32px)}.hc-section-heading p{font-size:12px}.hc-course-grid{gap:12px}.hc-course-top{padding:16px;min-height:130px}.hc-course-top strong{font-size:16px}.hc-course-top span{font-size:22px}.hc-course-body{padding:15px}.hc-course-body h3{font-size:13px;min-height:unset}.hc-course-body p{font-size:11px;min-height:unset}.hc-course-price strong{font-size:17px}.hc-course-price .hc-course-value{font-size:9px}.hc-course-link{font-size:10px}.hc-benefits-grid{grid-template-columns:1fr}.hc-benefit-card{padding:22px}.hc-about-grid{grid-template-columns:1fr;gap:20px}.hc-about-photo{height:355px;width:280px;margin:0 auto}.hc-about-section p{font-size:13px}.hc-visual-samples{gap:9px}.hc-visual-samples img{height:170px}.hc-visual-samples figcaption{font-size:10px;padding:9px}.hc-row-title h3{font-size:15px}.hc-video-grid,.hc-genre-grid{gap:9px}.hc-video-card video{height:288px}.hc-genre-card video{height:285px}.hc-video-label{padding:10px}.hc-video-label h3{font-size:12px}.hc-video-label p{font-size:10px}.hc-genre-card>div{padding:12px}.hc-genre-card h3{font-size:13px}.hc-genre-card p{font-size:11px}.hc-video-tag{font-size:8px;left:7px;top:7px}.hc-feedback-card{flex-basis:84%;max-width:365px}.hc-feedback-card img{height:300px}.hc-path-grid{grid-template-columns:1fr}.hc-end-cta-inner{display:block}.hc-end-cta-inner>.btn{margin-top:22px}.hc-application-grid,.hc-review-grid{gap:10px}.hc-application-media{height:200px}.hc-application-text,.hc-review-cat>div:last-child{padding:13px}.hc-application-text h3,.hc-review-cat h3{font-size:12px}.hc-application-text p,.hc-review-cat p{font-size:11px}.hc-review-symbol{height:170px}.hc-skills-grid{grid-template-columns:1fr}.hc-skills-grid article{padding:22px}.hc-skills-grid article h3{font-size:15px}.hc-lifetime{padding:28px 22px}.hc-lifetime h2{font-size:26px}.hc-lifetime>strong{font-size:12px}.hc-price-wrap{grid-template-columns:1fr;gap:25px}.hc-price-panel{padding:28px 18px}.hc-price-highlight{font-size:36px}.hc-more-video{grid-template-columns:1fr 140px;padding:13px;gap:10px}.hc-more-video .hc-video-card video{height:190px}.hc-more-video>div h3{font-size:15px}.hc-more-video>div p{font-size:11px}.hc-review-fast{grid-template-columns:1fr;text-align:left;padding:25px 21px;gap:12px}.hc-review-fast h3{font-size:18px}.hc-review-fast>strong{font-size:27px;justify-self:start;padding:12px 25px}.hc-capsule{font-size:11px}.hc-footer-links{margin-top:24px}.hc-tag-row>span{font-size:9px}.hc-page .nav-inner .brand{font-size:13px}.hc-page .nav-inner .brand small{font-size:8px}}
@media(max-width:390px){.hc-course-grid{grid-template-columns:1fr}.hc-course-top{min-height:115px}.hc-course-body h3{font-size:15px}.hc-course-price strong{font-size:20px}.hc-visual-samples{grid-template-columns:repeat(2,1fr)}.hc-visual-samples figure:nth-child(3){display:none}.hc-application-grid,.hc-review-grid{grid-template-columns:1fr}.hc-genre-grid{grid-template-columns:1fr 1fr}.hc-video-card video,.hc-genre-card video{height:235px}.hc-course-price .hc-course-value{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hc-course-card,.hc-path-grid a{transition:none}}