:root{
  --ink:#17213b;--muted:#66718a;--purple:#7047f5;--pink:#f04f9d;--orange:#ff8a3d;
  --cyan:#22c7d9;--green:#24b47e;--yellow:#ffd75e;--cream:#fffaf1;--white:#fff;
  --line:#ece8f4;--shadow:0 22px 60px rgba(55,35,105,.13);--radius:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}
.container{width:min(1160px,92%);margin:auto}
.announcement{background:linear-gradient(90deg,#6b3df5,#e940a0,#ff8a3d);color:#fff;text-align:center;padding:10px 15px;font-size:13px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:10px;font-family:"Plus Jakarta Sans";font-size:18px;white-space:nowrap}
.brand b{font-weight:800}.brand small{display:block;font:10px "DM Sans";letter-spacing:.7px;color:#8b92a3}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center}
.main-nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#59657d}
.main-nav>a{padding:28px 0;position:relative}
.main-nav>a.active,.main-nav>a:hover{color:var(--ink)}
.main-nav>a.active:after{content:"";position:absolute;bottom:17px;left:0;right:0;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--purple),var(--pink))}
.nav-actions{display:flex;gap:8px;margin-left:4px}
.btn{border:0;border-radius:13px;padding:11px 19px;cursor:pointer;font-weight:800;transition:.2s}
.btn-primary{background:linear-gradient(135deg,#7047f5,#9b55ef);color:#fff;box-shadow:0 9px 22px #7047f533}
.btn-primary:hover{transform:translateY(-2px);filter:saturate(1.12)}
.btn-ghost{background:#f5f1ff;color:#5637c6}
.btn-light{background:#fff;color:#5b39c7}
.menu-toggle{display:none;border:0;background:none;width:42px;height:42px}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px auto;border-radius:2px}

.hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 8% 20%,#ffd75e55 0 8%,transparent 22%),
  radial-gradient(circle at 92% 18%,#f04f9d38 0 9%,transparent 23%),
  radial-gradient(circle at 85% 90%,#22c7d938 0 10%,transparent 25%),
  linear-gradient(135deg,#fff9f0 0%,#f8f2ff 48%,#edfcfa 100%);
  padding:78px 0 88px}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:35px}
.hero-copy{position:relative;z-index:2}
.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:900;color:#7148e8}
.eyebrow span{font-size:9px}
.hero h1,.section h2,.center-head h2,.cta-section h2,.final-grid h2{
  font:800 clamp(40px,5vw,68px)/1.06 "Plus Jakarta Sans";letter-spacing:-2.7px;margin:16px 0}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7047f5,#f04f9d 52%,#ff8a3d);-webkit-background-clip:text;color:transparent}
.hero-copy>p{max-width:590px;color:var(--muted);font-size:17px;margin-bottom:27px}
.search-panel{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;background:#fff;padding:6px;border:2px solid #eee5ff;border-radius:20px;box-shadow:var(--shadow);max-width:700px}
.search-field{padding:4px 8px;border-right:1px solid var(--line)}
.search-field label{display:block;font-size:8px;color:#8991a2;margin-bottom:2px}
.search-field select{width:100%;border:0;outline:0;background:white;color:var(--ink);font-weight:800;cursor:pointer}
.search-btn{border:0;border-radius:14px;padding:16px 18px;background:linear-gradient(135deg,#17213b,#46317d);color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.search-btn span{margin-left:8px}
.trust-row{display:flex;gap:22px;color:#778093;font-size:12px;margin-top:16px}
.trust-row span:first-child{color:#218866}

.hero-visual{height:450px;position:relative;display:grid;place-items:center}
.teacher-art{width:340px;height:370px;position:relative;background:linear-gradient(145deg,#e6dcff,#d6fff0 55%,#ffe7c8);border-radius:48% 48% 24% 24%;overflow:hidden;box-shadow:var(--shadow);border:6px solid #fff}
.halo{position:absolute;width:260px;height:260px;border-radius:50%;background:#ffffff80;left:40px;top:32px}
.person-head{position:absolute;width:105px;height:105px;border-radius:50%;background:#d18e62;left:117px;top:67px;box-shadow:inset -15px -10px #bc7650}
.person-head:before{content:"";position:absolute;width:112px;height:45px;background:#352820;border-radius:70% 70% 30% 30%;top:-15px;left:-4px}
.person-body{position:absolute;width:205px;height:170px;border-radius:90px 90px 25px 25px;background:linear-gradient(135deg,#7047f5,#a24ee9);left:67px;top:168px}
.laptop{position:absolute;bottom:34px;left:91px;width:158px;height:84px;border:9px solid #30374b;border-bottom-width:14px;border-radius:8px;background:#f6f7fb;display:grid;place-items:center;font:800 24px "Plus Jakarta Sans";color:#7047f5}
.laptop:after{content:"";position:absolute;bottom:-28px;left:-23px;width:185px;height:12px;background:#30374b;border-radius:0 0 8px 8px}
.spark{position:absolute;color:#f04f9d;font-size:25px}.s1{left:30px;top:70px}.s2{right:28px;top:120px;color:#ff8a3d}.s3{right:58px;bottom:75px;color:#24b47e}
.floating-card{position:absolute;background:#fff;border:1px solid #eee5f5;box-shadow:0 18px 45px #31334a1b;border-radius:17px;padding:15px 17px;z-index:3}
.stat-card{top:28px;left:0;border-top:4px solid #7047f5}
.stat-card strong,.rating-card strong{display:block;font:800 23px "Plus Jakarta Sans"}
.floating-card span{font-size:11px;color:#81899a}
.stat-card i{color:#22a67e;font-style:normal;position:absolute;right:12px;top:13px}
.rating-card{bottom:23px;right:0;border-top:4px solid #ff8a3d}
.stars{color:#f4b52c;font-size:12px;margin-top:3px}

.quick-strip{border-bottom:1px solid var(--line);background:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;gap:20px}
.quick-grid>div{display:flex;gap:13px;align-items:center;border-right:1px solid var(--line)}
.quick-grid>div:last-child{border:0}
.icon{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:#f0eaff;color:#7047f5}
.quick-grid>div:nth-child(2) .icon{background:#fff0d9;color:#f07b2f}
.quick-grid>div:nth-child(3) .icon{background:#e2fbff;color:#159caf}
.quick-grid>div:nth-child(4) .icon{background:#e3f9ef;color:#1b9c70}
.quick-grid b{display:block;font-size:13px}.quick-grid small{font-size:11px;color:#8a92a2}

.section{padding:95px 0}
.soft{background:linear-gradient(135deg,#fbf9ff,#fff8f1)}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}
.section h2,.center-head h2,.final-grid h2{font-size:38px;letter-spacing:-1.6px;margin:9px 0}
.text-link{font-size:13px;color:#6542d5;font-weight:900}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.category-card{padding:23px 17px;border-radius:21px;min-height:165px;transition:.2s;border:1px solid #ffffff}
.category-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 16px 35px #30334b14}
.category-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff;font-size:20px;font-weight:900;margin-bottom:22px;box-shadow:0 6px 18px #00000008}
.category-card h3{font-size:14px}.category-card p{font-size:11px;color:#727b8e;margin-top:3px}
.math{background:#dcf9eb}.english{background:#ffe5f0}.science{background:#dff8ff}.computer{background:#fff2c7}.languages{background:#eae3ff}.more{background:#e8edf6}

.filter-btn{border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:800}
.tutor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tutor-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:23px;padding:16px;box-shadow:0 8px 30px #30334b08;transition:.2s}
.tutor-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #30334b14}
.avatar{height:185px;border-radius:17px;display:grid;place-items:center;font:800 20px "Plus Jakarta Sans";color:#fff;margin-bottom:18px}
.avatar-a{background:linear-gradient(135deg,#7047f5,#d06ce9)}.avatar-b{background:linear-gradient(135deg,#1ab78b,#55d9c0)}.avatar-c{background:linear-gradient(135deg,#ff855c,#ffc56b)}
.online-dot{position:absolute;top:190px;left:33px;background:yellow;padding:4px 8px;border-radius:8px;color:#27866d;font-size:10px;font-weight:800}
.tutor-info h3{font-size:16px}.tutor-info h3 span{font-size:10px;color:#fff;background:#24b47e;border-radius:16px;padding:2px 4px}
.tutor-info p{font-size:12px;color:#747d90}.meta{font-size:11px;margin-top:7px;color:#4c566c}.meta span{color:#c5c8d0;margin:0 5px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.tags span{background:#f4f1ff;padding:5px 8px;border-radius:7px;font-size:10px;color:#5d46b9}
.heart{position:absolute;right:20px;bottom:70px;border:0;background:#f7f4ff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:18px}.heart.liked{color:#e34c82;background:#fff0f5}
.view-btn{margin-top:18px;width:100%;border:0;background:linear-gradient(90deg,#f0eaff,#ffeaf3);color:#5b3bc5;border-radius:11px;padding:10px;font-weight:800;cursor:pointer}

.center-head{text-align:center;max-width:650px;margin:0 auto 48px}.center-head h2{margin:8px}.center-head p{color:var(--muted);font-size:15px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}
.step:nth-child(1){border-top:5px solid #7047f5}.step:nth-child(2){border-top:5px solid #f04f9d}.step:nth-child(3){border-top:5px solid #ff8a3d}
.step-no{font:800 11px "Plus Jakarta Sans";color:#a2a8b6}.step-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#f0eaff;color:#6248e0;font-size:21px;margin:23px 0 17px}
.step:nth-child(2) .step-icon{background:#ffe8f1;color:#d23b80}.step:nth-child(3) .step-icon{background:#fff0df;color:#dd7629}
.step h3{font-size:18px}.step p{font-size:13px;color:var(--muted);margin-top:7px}

.page {
  width: min(1400px, 90%);
  margin: auto;
  padding: 38px 0 70px;
}

/* Shared */
.panel {
  background: var(--white);
  border-radius: 28px;
  box-shadow: 0 12px 40px rgba(24, 32, 51, .07);
}

.labels {
  display: inline-block;
  color: var(--purple);
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: 900;
}

/* Banner */
.banner-placeholder {
  min-height: 275px;
  padding: 48px 12%;
  border-radius: 30px;
  background: linear-gradient(115deg, #242a3a 0%, #302c50 52%, #7354d8 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  overflow: hidden;
  position: relative;
}

.banner-placeholder::after {
  content: "";
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  position: absolute;
  right: 9%;
  top: -80px;
}

.banner-content {
  position: relative;
  z-index: 1;
}

.banner-content .labels {
  color: #d7ccff;
}

.banner-content h1 {
  margin: 14px 0 10px;
  font-size: clamp(38px, 5vw, 66px);
  line-height: .95;
  letter-spacing: -3px;
}

.banner-content strong {
  color: #d8ceff;
}

.banner-content p {
  max-width: 580px;
  color: #c8ccda;
  line-height: 1.6;
}

.banner-size {
  position: relative;
  z-index: 2;
  min-width: 260px;
  height: 125px;
  border: 1px dashed rgba(255,255,255,.4);
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #d5d8e3;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Asymmetric Content Grid */
.content-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  grid-template-areas:
    "tutor contact"
    "video contact"
    "video info";
  gap: 22px;
  align-items: stretch;
}
/* Contact */
.contact-card {
  grid-area: contact;
  padding: 32px;
}

.contact-heading h2 {
  font-size: 39px;
  line-height: .98;
  letter-spacing: -2px;
  margin: 13px 0;
}

.contact-heading h2 em {
  color: var(--purple);
  font-style: normal;
}

.contact-heading p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.contact-form {
  margin-top: 24px;
}

.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.contact-form label {
  display: block;
  margin-bottom: 14px;
  color: #4e5668;
  font-size: 10px;
  font-weight: 800;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  margin-top: 7px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px;
  background: #fafbfc;
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  outline: none;
  resize: vertical;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: var(--purple);
}

.submit-button {
  width: 100%;
  border: 0;
  border-radius: 11px;
  padding: 14px;
  background: var(--ink);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.submit-button span {
  margin-left: 8px;
}

/* Video */
.video-card {
  grid-area: video;
  min-height: 365px;
  padding: 18px;
  background: #1f2534;
}

.video-placeholder {
  min-height: 329px;
  border: 1px dashed #697082;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 30px;
  color: #fff;
}

.play-circle {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 1px solid #7d8598;
  border-radius: 50%;
  margin-bottom: 17px;
  font-size: 19px;
  padding-left: 3px;
}

.video-placeholder .label {
  color: #c7bcff;
}

.video-placeholder h2 {
  font-size: 35px;
  line-height: .95;
  letter-spacing: -1.5px;
  margin: 12px 0;
}

.video-placeholder p {
  max-width: 470px;
  color: #adb4c3;
  font-size: 12px;
  line-height: 1.6;
}

.video-note {
  margin-top: 10px;
  font-size: 9px;
  letter-spacing: 2px;
  color: #828b9e;
}

/* Info */
.info-card {
  grid-area: info;
  padding: 30px;
}

.info-card h2 {
  font-size: 27px;
  letter-spacing: -1px;
  line-height: 1.05;
  margin: 12px 0 20px;
}

.info-item {
  display: flex;
  gap: 13px;
  padding: 13px 0;
  border-top: 1px solid var(--line);
}

.info-item > span {
  color: var(--purple);
  font-size: 11px;
  font-weight: 900;
}

.info-item strong {
  font-size: 12px;
}

.info-item p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}


/*=========================
SECTION HEADER
=========================*/

.section-header{

text-align:center;

margin-bottom:10px;

}

.section-header span{

color:#5B2EFF;

font-weight:900;

letter-spacing:1px;

text-transform:uppercase;

}

.section-header h2{

font-size:30px;

margin:18px 0;

color:#1B2559;

}

.section-header p{

max-width:650px;

margin:auto;

color:#666;

font-size:18px;

line-height:1.8;

}


/*=========================
HOW IT WORKS
=========================*/

.how-it-works{

padding:100px 8%;

background:#f8faff;

}

.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}

.step-card{

background:white;

padding:45px 30px;

border-radius:25px;

box-shadow:0 20px 45px rgba(0,0,0,.08);

text-align:center;

position:relative;

transition:.4s;

}

.step-card:hover{

transform:translateY(-12px);

}

.step-number{

position:absolute;

top:18px;

right:18px;

width:38px;

height:38px;

background:#5B2EFF;

color:white;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-weight:bold;

}

.step-card i{

font-size:52px;

color:#5B2EFF;

margin-bottom:25px;

}

.step-card h3{

margin-bottom:15px;

}

.step-card p{

color:#666;

line-height:1.7;

}


.cta-section{padding:2px 0 }
.cta-box{border-radius:31px;background:linear-gradient(120deg,#5c3ce0,#a146c8 52%,#ef4f96);color:#fff;padding:30px 20px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}
.cta-box:before,.cta-box:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff38}.cta-box:before{width:300px;height:300px;right:-100px;top:-130px}.cta-box:after{width:190px;height:190px;right:160px;bottom:-120px}
.cta-box .eyebrow{color:#ffe0f2}.cta-section h2{font-size:42px;margin:10px 0}.cta-box p{color:#f1e6ff;max-width:480px;margin-bottom:24px}
.cta-pattern{min-height:270px;position:relative;display:grid;place-items:center}.cta-pattern div{width:150px;height:150px;border-radius:50%;border:1px solid #ffffff55;display:grid;place-items:center;font:800 32px "Plus Jakarta Sans";background:#ffffff12}
.cta-pattern span{position:absolute;background:#fff;color:#5942c9;padding:8px 13px;border-radius:9px;font-size:11px;font-weight:900}
.cta-pattern span:nth-of-type(1){top:20px;right:45px}.cta-pattern span:nth-of-type(2){bottom:30px;left:55px}.cta-pattern span:nth-of-type(3){top:105px;left:15px}

.final-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}
.final-grid h2{font-size:40px}.final-grid p{color:var(--muted);max-width:600px}
.newsletter{border:1px solid var(--line);border-radius:22px;padding:27px;box-shadow:0 12px 35px #30334b09;background:linear-gradient(135deg,#fff,#fff8fc)}
.newsletter h3{font-size:18px}.newsletter p{font-size:12px;margin:4px 0 17px}.newsletter form{display:flex;gap:7px}
.newsletter input,.demo-form input,.demo-form select{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 13px;outline:0}
.newsletter input:focus,.demo-form input:focus{border-color:#9b8be9}.newsletter small{display:block;color:#2a8c70;margin-top:8px}
footer{background:#151A3A;padding:70px 8% 30px;color:white;}.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:40px;
margin-bottom:40px;
}

.footer-grid ul{
list-style:none;
padding:0;
}

.footer-grid li{
margin:12px 0;
}

.footer-grid a{
color:white;
text-decoration:none;
}

.social{
display:flex;
gap:15px;
margin-top:20px;
}

.social a{
width:45px;
height:45px;
background:#2D3470;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
transition:.3s;
}

.social a:hover{
background:#FFD43B;
color:#222;
}

hr{
border:none;
border-top:1px solid rgba(255,255,255,.15);
margin:35px 0;
}

.copyright{
text-align:center;
opacity:.8;
}

.modal{display:none;position:fixed;inset:0;background:#17172a99;z-index:100;place-items:center;padding:20px}
.modal.open{display:grid}.modal-box{width:min(410px,100%);background:#fff;border-radius:22px;padding:32px;position:relative;box-shadow:0 30px 90px #0003}
.modal-box h2{font:400 16px "Plus Jakarta Sans";margin:9px 0 22px}.close{position:absolute;right:15px;top:12px;border:0;background:#f3f3f7;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}
.demo-form{display:grid;gap:11px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#171a2a;color:#fff;padding:12px 18px;border-radius:12px;font-size:13px;z-index:120;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:950px){
  .main-nav{gap:15px}.category-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}
  .hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.search-panel{margin:auto;text-align:left}
  .trust-row{justify-content:center}.hero-visual{max-width:520px;width:100%;margin:auto}.quick-grid{grid-template-columns:repeat(2,1fr)}
  .quick-grid>div:nth-child(2){border:0}.tutor-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .menu-toggle{display:block}.main-nav{display:none;position:absolute;left:4%;right:4%;top:70px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}
  .main-nav.open{display:flex}.main-nav>a{padding:12px 10px}.main-nav>a.active:after{display:none}.nav-actions{margin:6px 0 0;display:grid;grid-template-columns:1fr 1fr}
  .nav-actions .btn{width:100%}.hero{padding:55px 0}.hero h1{font-size:43px}.search-panel{grid-template-columns:1fr}
  .search-field{border-right:0;border-bottom:1px solid var(--line)}.search-btn{width:100%;margin-top:4px}.trust-row{flex-wrap:wrap;gap:10px}
  .hero-visual{height:370px}.teacher-art{transform:scale(.85)}.floating-card{transform:scale(.9)}.stat-card{left:5px}.rating-card{right:5px}
  .section{padding:70px 0}.section-head{align-items:start;gap:15px}.section h2,.center-head h2,.final-grid h2{font-size:32px}
  .category-grid{grid-template-columns:repeat(2,1fr)}.tutor-grid,.steps,.final-grid,.cta-box{grid-template-columns:1fr}
  .cta-box{padding:30px 10px}.cta-pattern{display:none}.footer-grid{flex-direction:column;text-align:center}
}
@media(max-width:480px){
  .brand small{display:block}.quick-grid{grid-template-columns:1fr}.quick-grid>div{border:0;border-bottom:1px solid var(--line);padding-bottom:12px}
  .category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:145px}.tutor-grid{grid-template-columns:1fr}
  .hero h1{font-size:38px;letter-spacing:-1.8px}.hero-visual{height:330px}.teacher-art{transform:scale(.72)}
  .stat-card{top:10px}.rating-card{bottom:0}.newsletter form{flex-direction:column}
}