.page-hero{padding:140px 0 var(--space-16);position:relative;overflow:hidden}.page-hero h1,.page-hero h2{color:var(--color-navy)}.page-hero p{color:var(--color-gray-600)}.page-hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:var(--color-gold);opacity:.08;top:-200px;right:-100px;filter:blur(80px)}.how-step{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;padding:var(--space-10) 0}.how-step--reverse{direction:rtl}.how-step--reverse>*{direction:ltr}.how-step__number{position:absolute;top:0;left:-80px;font-family:var(--font-heading);font-size:120px;font-weight:var(--weight-extrabold);color:var(--color-gray-100);line-height:1;pointer-events:none;z-index:0;opacity:.5}.how-step__content,.how-step__visual{position:relative;z-index:1}.how-step h2{margin-top:var(--space-4)}.how-step p{margin-top:var(--space-3);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.how-step__list{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.how-step__list li{font-size:var(--text-sm);color:var(--color-gray-600);padding-left:var(--space-1)}.how-step__connector-line{width:2px;height:60px;background:linear-gradient(180deg,var(--color-gold),var(--color-gray-200));margin:0 auto}.how-step__mockup{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--color-gray-100)}.mockup-header{background:var(--color-gray-100);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-2)}.mockup-dot{width:10px;height:10px;border-radius:50%;background:var(--color-gray-300)}.mockup-body{padding:var(--space-6)}.mockup-title{font-family:var(--font-heading);font-weight:var(--weight-semibold);color:var(--color-navy);margin-bottom:var(--space-4)}.mockup-option{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-600);cursor:default;transition:all var(--duration-fast)}.mockup-option.active{border-color:var(--color-gold);background:var(--color-gold-light);color:var(--color-navy);font-weight:var(--weight-medium)}.mockup-body--chat{display:flex;flex-direction:column;gap:var(--space-3)}.chat-bubble{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.chat-bubble--tutor{background:var(--color-navy);color:var(--color-white);align-self:flex-start;border-bottom-left-radius:var(--radius-sm)}.chat-bubble--student{background:var(--color-gold-light);color:var(--color-navy);align-self:flex-end;border-bottom-right-radius:var(--radius-sm)}.tutor-match-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--color-gray-100)}.tutor-match-card__header{background:linear-gradient(135deg,#2dd4bf1a,#2dd4bf0d);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-teal-dark);font-weight:var(--weight-semibold)}.tutor-match-card__body{padding:var(--space-6);text-align:center}.tutor-avatar-placeholder{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold-light),var(--color-cream));display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto var(--space-3)}.tutor-match-card h4{margin-bottom:var(--space-1)}.tutor-match-card p{font-size:var(--text-sm);color:var(--color-gray-500)}.tutor-match-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}.tutor-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-gray-100);font-size:var(--text-xs);color:var(--color-gray-600)}.progress-mockup{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-100)}.progress-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-gray-600)}.progress-item span:first-child{width:90px;flex-shrink:0;font-weight:var(--weight-medium);color:var(--color-navy)}.progress-item span:last-child{width:36px;text-align:right;font-weight:var(--weight-semibold);color:var(--color-navy)}.progress-bar{flex:1;height:8px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-gold),var(--color-teal));border-radius:var(--radius-full);width:var(--fill-width, 0%);animation:fillBar 1.5s var(--ease-out) forwards}.pricing-grid{align-items:start}.guarantee-card{display:flex;align-items:center;gap:var(--space-6);background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);border:2px solid var(--color-teal)}.guarantee-card__icon{font-size:var(--text-5xl);flex-shrink:0}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden;transition:all var(--duration-fast)}.faq-item[open]{border-color:var(--color-gold);box-shadow:var(--shadow-md)}.faq-item__question{padding:var(--space-4) var(--space-5);font-family:var(--font-heading);font-weight:var(--weight-semibold);color:var(--color-navy);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item__question:after{content:"+";font-size:var(--text-xl);color:var(--color-gold);transition:transform var(--duration-fast)}.faq-item[open] .faq-item__question:after{content:"−"}.faq-item__question::-webkit-details-marker{display:none}.faq-item__answer{padding:0 var(--space-5) var(--space-4)}.faq-item__answer p{color:var(--color-gray-600);line-height:var(--leading-relaxed)}.about-story{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-12);align-items:start}.about-story__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.about-stat{text-align:center;padding:var(--space-6);background:var(--color-cream);border-radius:var(--radius-xl)}.about-stat__number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-extrabold)}.about-stat__label{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.team-card{text-align:center;padding:var(--space-6);background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.team-card__avatar{font-size:48px;margin-bottom:var(--space-3)}.team-card__name{font-family:var(--font-heading);font-weight:var(--weight-semibold);color:var(--color-navy)}.team-card__role{font-size:var(--text-sm);color:var(--color-gold);font-weight:var(--weight-medium);margin:var(--space-1) 0 var(--space-2)}.team-card__bio{font-size:var(--text-sm);color:var(--color-gray-500)}.stories-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.filter-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-gray-500);background:var(--color-gray-100);border:none;cursor:pointer;transition:all var(--duration-fast);font-family:var(--font-body)}.filter-btn:hover{background:var(--color-gray-200);color:var(--color-navy)}.filter-btn.active{background:var(--color-gold);color:var(--color-navy);font-weight:var(--weight-semibold)}.featured-story{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);border:2px solid var(--color-gold-light)}.featured-story__result{display:flex;gap:var(--space-8);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-gray-100)}.featured-story__result-item{text-align:center}.featured-story__result-item strong{display:block;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--color-navy)}.featured-story__result-item span{font-size:var(--text-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.story-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100);position:relative;transition:all var(--duration-normal) var(--ease-out)}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.story-card__quote{color:var(--color-gray-600);line-height:var(--leading-relaxed);font-style:italic;margin:var(--space-3) 0 var(--space-4)}.story-card__meta{display:flex;align-items:center;gap:var(--space-3)}.story-card__meta strong{font-size:var(--text-sm);color:var(--color-navy)}.story-card__meta small{color:var(--color-gray-400);font-size:var(--text-xs)}.story-card__tag{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--text-xs);color:var(--color-gray-400)}.review-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100)}.review-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);color:var(--color-gold)}.review-card__date{font-size:var(--text-xs);color:var(--color-gray-400)}.review-card p{color:var(--color-gray-600);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.review-card strong{font-size:var(--text-xs);color:var(--color-gray-500)}@media(max-width:768px){.page-hero{padding:120px 0 var(--space-10)}.how-step{grid-template-columns:1fr;gap:var(--space-6)}.how-step--reverse{direction:ltr}.how-step__number{position:static;font-size:64px}.about-story{grid-template-columns:1fr}.featured-story__result{flex-direction:column;gap:var(--space-4)}.guarantee-card{flex-direction:column;text-align:center}}