[hidden]{display:none!important}
:root {
  --primary: #5a4cf4;
  --primary-dark: #4338ca;
  --secondary: #17c3b2;
  --accent: #ffb703;
  --ink: #1d2433;
  --muted: #687083;
  --surface: #ffffff;
  --surface-2: #f7f8fc;
  --border: #e6e8ef;
  --success: #087f5b;
  --warning: #b76e00;
  --danger: #c92a2a;
  --info: #1864ab;
  --shadow: 0 20px 55px rgba(31,36,61,.10);
  --shadow-sm: 0 7px 24px rgba(31,36,61,.07);
  --radius: 18px;
  --radius-sm: 12px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color: var(--ink); background: var(--surface); line-height: 1.65; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.container { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }
.narrow { width: min(760px, calc(100% - 36px)); margin-inline: auto; }
.site-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.9); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(231,232,240,.8); }
.nav-wrap { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: "Manrope",sans-serif; font-weight: 800; font-size: 20px; letter-spacing: -.5px; }
.brand-mark { width: 32px; height: 32px; border-radius: 11px; display: grid; place-items: center; background: linear-gradient(145deg, var(--primary), #8b5cf6); box-shadow: 0 10px 22px rgba(91,75,255,.28); position: relative; transform: rotate(-6deg); }
.brand-mark::before, .brand-mark::after, .brand-mark span { content: ""; position: absolute; background: white; border-radius: 9px; }
.brand-mark::before { width: 8px; height: 20px; left: 9px; bottom: 7px; }
.brand-mark::after { width: 8px; height: 14px; right: 9px; bottom: 7px; opacity: .82; }
.brand-mark span { width: 4px; height: 8px; left: 16px; bottom: 7px; opacity: .65; }
.main-nav { display: flex; align-items: center; gap: 18px; font-size: 13px; font-weight: 700; }
.main-nav > a:not(.btn):hover { color: var(--primary); }
.mobile-menu { display: none; border: 0; background: transparent; font-size: 24px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 43px; padding: 0 17px; border-radius: 11px; border: 1px solid transparent; font-weight: 800; transition: .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--primary), #7957ff); box-shadow: 0 12px 26px rgba(91,75,255,.24); }
.btn-primary:hover { box-shadow: 0 16px 34px rgba(91,75,255,.34); }
.btn-secondary { color: #fff; background: var(--ink); }
.btn-outline { border-color: var(--border); background: #fff; }
.btn-ghost { border-color: var(--border); background: rgba(255,255,255,.72); }
.btn-danger { background: #fff0f0; color: var(--danger); border-color: #ffd6d6; }
.btn-success { background: #e8fff7; color: var(--success); border-color: #bbf0dd; }
.btn-sm { min-height: 36px; padding: 0 13px; border-radius: 10px; font-size: 12px; }
.btn-block { width: 100%; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.3px; }
.eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.section { padding: 76px 0; }
.section-soft { background: var(--surface-2); }
.section-dark { background: #17162f; color: #fff; }
.section-heading { max-width: 720px; margin-bottom: 40px; }
.section-heading.center { margin-inline: auto; text-align: center; }
.section-heading h2 { font-family: "Manrope",sans-serif; font-size: clamp(25px, 3vw, 36px); line-height: 1.08; letter-spacing: -1.7px; margin: 12px 0 14px; }
.section-heading p { color: var(--muted); margin: 0; font-size: 15px; }
.hero { position: relative; overflow: hidden; padding: 62px 0 72px; background: radial-gradient(circle at 80% 10%, rgba(91,75,255,.14), transparent 30%), radial-gradient(circle at 10% 85%, rgba(23,195,178,.12), transparent 28%), #fbfbfe; }
.hero::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(91,75,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(91,75,255,.035) 1px, transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(to bottom, black, transparent 88%); pointer-events: none; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; }
.hero-copy h1 { font-family: "Manrope",sans-serif; font-size: clamp(36px, 4.6vw, 52px); line-height: 1.02; letter-spacing: -3px; margin: 20px 0 22px; }
.hero-copy h1 span { color: var(--primary); position: relative; }
.hero-copy h1 span::after { content: ""; position: absolute; left: 0; right: 0; height: 11px; bottom: 3px; background: rgba(255,183,3,.42); z-index: -1; transform: rotate(-1deg); border-radius: 99px; }
.hero-copy > p { max-width: 630px; color: var(--muted); font-size: 16px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-trust { display: flex; align-items: center; gap: 14px; margin-top: 30px; color: var(--muted); font-size: 13px; font-weight: 700; }
.avatar-stack { display: flex; }
.avatar-stack span { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 11px; font-weight: 800; border: 3px solid #fff; margin-left: -8px; background: var(--primary); }
.avatar-stack span:first-child { margin-left: 0; background: #ef476f; }
.avatar-stack span:nth-child(2) { background: #118ab2; }
.avatar-stack span:nth-child(3) { background: #06d6a0; }
.hero-visual { position: relative; min-height: 520px; }
.video-card { position: absolute; inset: 36px 0 42px 40px; border-radius: 32px; background: #20203d; box-shadow: 0 35px 90px rgba(27,26,62,.28); overflow: hidden; border: 8px solid #fff; }
.video-top { display: flex; justify-content: space-between; padding: 18px 20px; font-size: 12px; color: #d7d7e5; }
.live-pill { padding: 6px 10px; border-radius: 99px; background: rgba(255,71,87,.18); color: #ff7d89; font-weight: 800; }
.video-stage { height: 340px; display: grid; place-items: center; position: relative; background: radial-gradient(circle at 50% 20%, #525080, #20203d 72%); }
.teacher-figure { width: 180px; height: 210px; position: relative; }
.teacher-head { position: absolute; width: 80px; height: 80px; border-radius: 50%; background: #f0b28b; left: 50px; top: 6px; box-shadow: inset 0 10px 0 #302645; }
.teacher-body { position: absolute; width: 170px; height: 130px; border-radius: 65px 65px 18px 18px; background: linear-gradient(150deg, #705cf6, #3f31bf); left: 5px; bottom: 0; }
.video-board { position: absolute; left: 24px; top: 34px; width: 105px; height: 78px; border: 2px solid rgba(255,255,255,.28); border-radius: 13px; color: #fff; padding: 12px; font-weight: 800; transform: rotate(-3deg); }
.student-mini { position: absolute; right: 22px; bottom: 18px; width: 105px; height: 82px; border-radius: 15px; background: linear-gradient(145deg,#17c3b2,#087f7c); border: 3px solid #fff; display: grid; place-items: center; color: white; font-weight: 800; font-size: 12px; }
.video-controls { height: 73px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.control { width: 40px; height: 40px; border-radius: 50%; background: #353555; display: grid; place-items: center; color: white; }
.control.end { background: #ed4356; width: 54px; border-radius: 16px; }
.floating-card { position: absolute; padding: 15px 18px; background: #fff; border-radius: 16px; box-shadow: var(--shadow-sm); z-index: 2; font-size: 13px; font-weight: 800; }
.floating-card small { display: block; color: var(--muted); font-weight: 600; }
.card-rating { left: 0; top: 4px; }
.card-next { right: -24px; bottom: 12px; }
.card-secure { right: -10px; top: 96px; }
.logo-strip { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 20px 0; background: #fff; }
.logo-strip-inner { display: flex; align-items: center; justify-content: center; gap: 48px; flex-wrap: wrap; color: #9295a8; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.stat { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; box-shadow: var(--shadow-sm); }
.stat strong { font-family: "Manrope",sans-serif; display: block; font-size: 38px; letter-spacing: -1.4px; }
.stat span { color: var(--muted); }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.feature-card { border: 1px solid var(--border); border-radius: var(--radius); padding: 30px; background: #fff; transition: .2s ease; }
.feature-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-sm); border-color: rgba(91,75,255,.22); }
.feature-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; background: rgba(91,75,255,.1); color: var(--primary); font-size: 22px; }
.feature-card h3 { margin: 20px 0 8px; font-size: 20px; }
.feature-card p { margin: 0; color: var(--muted); }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; counter-reset: step; }
.step { position: relative; padding: 34px 28px; border-radius: var(--radius); background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); }
.step::before { counter-increment: step; content: "0" counter(step); display: inline-grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; background: var(--primary); font-family: "Manrope",sans-serif; font-weight: 800; }
.step h3 { margin: 20px 0 8px; }
.step p { color: #bdbdd0; margin: 0; }
.cta-box { padding: 58px; border-radius: 32px; color: #fff; background: linear-gradient(125deg, #5b4bff, #8e5cf6 65%, #17c3b2); display: flex; justify-content: space-between; align-items: center; gap: 30px; box-shadow: var(--shadow); }
.cta-box h2 { font-family: "Manrope",sans-serif; font-size: clamp(30px,4vw,48px); line-height: 1.08; letter-spacing: -1.5px; margin: 0 0 10px; }
.cta-box p { margin: 0; opacity: .85; }
.cta-box .btn { background: #fff; color: var(--primary-dark); flex: 0 0 auto; }
.page-hero { padding: 66px 0 40px; background: radial-gradient(circle at 75% 0, rgba(91,75,255,.13), transparent 36%), var(--surface-2); border-bottom: 1px solid var(--border); }
.page-hero h1 { font-family: "Manrope",sans-serif; font-size: clamp(31px, 4vw, 46px); line-height: 1.08; letter-spacing: -1.8px; margin: 10px 0; }
.page-hero p { color: var(--muted); max-width: 700px; font-size: 17px; }
.auth-shell { min-height: calc(100vh - 76px); display: grid; grid-template-columns: .9fr 1.1fr; }
.auth-aside { padding: 70px; display: flex; flex-direction: column; justify-content: center; color: white; background: radial-gradient(circle at 80% 20%, rgba(23,195,178,.38), transparent 26%), linear-gradient(145deg,#2a245b,#5b4bff); }
.auth-aside h1 { font-family: "Manrope",sans-serif; font-size: 36px; line-height: 1.08; letter-spacing: -2px; margin: 18px 0; }
.auth-aside p { color: rgba(255,255,255,.77); font-size: 17px; }
.auth-points { display: grid; gap: 14px; margin-top: 28px; }
.auth-points span { display: flex; gap: 10px; align-items: center; font-weight: 700; }
.auth-points span::before { content: "✓"; width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.15); }
.auth-main { padding: 50px 24px; display: grid; place-items: center; background: #fbfbfd; }
.auth-card { width: min(520px, 100%); background: #fff; border: 1px solid var(--border); border-radius: 26px; padding: 36px; box-shadow: var(--shadow-sm); }
.auth-card h2 { font-family: "Manrope",sans-serif; font-size: 32px; margin: 0 0 7px; }
.auth-card > p { color: var(--muted); margin-top: 0; }
.form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.form-group { display: grid; gap: 8px; margin-bottom: 18px; }
.form-group label { font-size: 13px; font-weight: 800; }
.form-control { width: 100%; border: 1px solid var(--border); border-radius: 12px; min-height: 48px; padding: 11px 14px; background: #fff; color: var(--ink); outline: 0; transition: .2s; }
.form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(91,75,255,.1); }
textarea.form-control { min-height: 120px; resize: vertical; }
.form-hint { color: var(--muted); font-size: 12px; }
.form-error { color: var(--danger); font-size: 12px; font-weight: 700; }
.role-picker { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; }
.role-card { border: 2px solid var(--border); border-radius: 16px; padding: 18px; cursor: pointer; transition: .2s; }
.role-card:hover, .role-card.selected { border-color: var(--primary); background: rgba(91,75,255,.05); }
.role-card strong { display: block; }
.role-card span { color: var(--muted); font-size: 12px; }
.auth-meta { margin-top: 20px; text-align: center; font-size: 13px; color: var(--muted); }
.auth-meta a { color: var(--primary); font-weight: 800; }
.flash-stack { position: fixed; top: 88px; right: 18px; z-index: 120; width: min(420px, calc(100% - 36px)); }
.flash { display: flex; justify-content: space-between; gap: 14px; padding: 15px 16px; border-radius: 13px; margin-bottom: 10px; box-shadow: var(--shadow-sm); background: white; border: 1px solid var(--border); font-size: 13px; font-weight: 700; }
.flash button { border: 0; background: transparent; font-size: 20px; }
.flash-success { border-left: 5px solid var(--success); }
.flash-warning { border-left: 5px solid var(--warning); }
.flash-danger { border-left: 5px solid var(--danger); }
.dashboard-shell { padding: 50px 0 90px; background: var(--surface-2); min-height: 75vh; }
.dashboard-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.dashboard-header h1 { font-family: "Manrope",sans-serif; margin: 0; font-size: 32px; letter-spacing: -.8px; }
.dashboard-header p { color: var(--muted); margin: 4px 0 0; }
.dashboard-grid { display: grid; grid-template-columns: 260px 1fr; gap: 24px; }
.sidebar, .panel { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 8px 30px rgba(33,25,89,.05); }
.sidebar { padding: 18px; align-self: start; position: sticky; top: 98px; }
.user-mini { padding: 8px 8px 20px; border-bottom: 1px solid var(--border); margin-bottom: 12px; }
.user-mini strong { display: block; }
.user-mini small { color: var(--muted); }
.role-badge { display: inline-flex; padding: 4px 9px; border-radius: 99px; font-size: 10px; font-weight: 800; margin-top: 8px; }
.role-student { color: #1664b2; background: #e7f2ff; }
.role-instructor { color: #087f5b; background: #e5fff5; }
.role-admin { color: #6f42c1; background: #f3eaff; }
.side-nav { display: grid; gap: 5px; }
.side-nav a { padding: 11px 12px; border-radius: 10px; font-size: 13px; font-weight: 700; color: #5e6176; }
.side-nav a:hover, .side-nav a.active { background: rgba(91,75,255,.08); color: var(--primary); }
.panel { padding: 26px; }
.panel + .panel { margin-top: 20px; }
.panel-title { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 20px; }
.panel-title h2, .panel-title h3 { margin: 0; font-family: "Manrope",sans-serif; }
.metric-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-bottom: 20px; }
.metric { border: 1px solid var(--border); border-radius: 16px; padding: 20px; background: #fff; }
.metric span { color: var(--muted); font-size: 12px; font-weight: 700; }
.metric strong { display: block; font-family: "Manrope",sans-serif; font-size: 28px; margin-top: 5px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 680px; }
th, td { text-align: left; padding: 14px 12px; border-bottom: 1px solid var(--border); font-size: 13px; vertical-align: middle; }
th { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .6px; }
.status { display: inline-flex; padding: 5px 10px; border-radius: 99px; font-size: 10px; font-weight: 800; }
.status-success { color: var(--success); background: #e5fff5; }
.status-warning { color: var(--warning); background: #fff4d6; }
.status-danger { color: var(--danger); background: #fff0f0; }
.status-muted { color: #666; background: #f0f1f5; }
.status-info { color: var(--info); background: #e7f5ff; }
.action-row { display: flex; flex-wrap: wrap; gap: 7px; }
.empty-state { text-align: center; border: 1px dashed #d4d6e3; border-radius: 16px; padding: 38px 20px; background: #fbfbfd; }
.empty-state .icon { font-size: 32px; }
.empty-state h3 { margin: 8px 0; }
.empty-state p { color: var(--muted); }
.filter-bar { display: grid; grid-template-columns: 1.5fr 1fr auto; gap: 12px; margin-bottom: 24px; }
.tutor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tutor-card { border: 1px solid var(--border); border-radius: 20px; background: #fff; padding: 22px; box-shadow: 0 8px 28px rgba(33,25,89,.05); display: flex; flex-direction: column; }
.tutor-top { display: flex; gap: 14px; align-items: center; }
.avatar { width: 62px; height: 62px; border-radius: 18px; object-fit: cover; background: linear-gradient(135deg, #e4e1ff, #d6fff7); display: grid; place-items: center; font-family: "Manrope",sans-serif; font-weight: 800; color: var(--primary); font-size: 20px; }
.tutor-card h3 { margin: 0 0 3px; font-size: 18px; }
.tutor-card .headline { color: var(--muted); font-size: 12px; }
.rating { font-size: 12px; font-weight: 800; color: #9a6500; margin-top: 6px; }
.subject-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 17px 0; }
.subject-tag { padding: 5px 9px; border-radius: 8px; font-size: 10px; font-weight: 800; background: var(--surface-2); color: #5c6076; }
.tutor-card .bio { color: var(--muted); font-size: 12px; flex: 1; }
.tutor-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--border); padding-top: 15px; margin-top: 15px; }
.price strong { display: block; font-size: 18px; }
.price small { color: var(--muted); }
.pagination { display: flex; gap: 7px; justify-content: center; margin-top: 30px; }
.page-link { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 10px; font-size: 12px; font-weight: 800; }
.page-link.active { background: var(--primary); color: #fff; border-color: var(--primary); }
.profile-layout { display: grid; grid-template-columns: 1fr 360px; gap: 28px; align-items: start; }
.profile-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; }
.profile-head { display: flex; gap: 20px; align-items: center; }
.profile-head .avatar { width: 90px; height: 90px; border-radius: 24px; font-size: 30px; }
.profile-head h1 { margin: 0; font-family: "Manrope",sans-serif; font-size: 34px; }
.profile-meta { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 12px; margin-top: 8px; }
.profile-section { padding-top: 24px; margin-top: 24px; border-top: 1px solid var(--border); }
.profile-section h3 { margin-top: 0; }
.booking-card { position: sticky; top: 98px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow-sm); }
.booking-price { font-family: "Manrope",sans-serif; font-size: 32px; font-weight: 800; margin-bottom: 18px; }
.booking-price small { font-family: "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size: 12px; color: var(--muted); }
.booking-summary { background: var(--surface-2); border-radius: 13px; padding: 14px; display: flex; justify-content: space-between; margin-bottom: 16px; font-size: 13px; }
.booking-summary strong { color: var(--primary); }
.room-shell { background: #101021; min-height: calc(100vh - 76px); padding: 22px; }
.room-top { width: min(1400px,100%); margin: 0 auto 14px; display: flex; justify-content: space-between; align-items: center; color: #fff; }
.room-top h1 { margin: 0; font-size: 18px; }
.room-top p { margin: 2px 0 0; color: #aaaac1; font-size: 12px; }
.meeting-frame { width: min(1400px,100%); height: calc(100vh - 155px); min-height: 560px; margin: 0 auto; border-radius: 18px; overflow: hidden; background: #1d1d36; border: 1px solid #30304f; }
.install-body { background: radial-gradient(circle at 15% 10%, rgba(23,195,178,.15), transparent 25%), radial-gradient(circle at 90% 10%, rgba(91,75,255,.17), transparent 35%), #f7f7fb; min-height: 100vh; padding: 50px 0; }
.install-card { width: min(860px, calc(100% - 36px)); margin: auto; background: #fff; border: 1px solid var(--border); border-radius: 28px; padding: 38px; box-shadow: var(--shadow); }
.install-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 25px; }
.install-header h1 { font-family: "Manrope",sans-serif; margin: 0; font-size: 34px; }
.install-note { padding: 14px 16px; border-radius: 12px; background: #eff8ff; color: #14558a; font-size: 13px; margin: 20px 0; }
.check-list { display: grid; gap: 8px; padding: 0; list-style: none; }
.check-list li { display: flex; gap: 9px; }
.check-list li::before { content: "✓"; color: var(--success); font-weight: 800; }
.legal-content { padding: 70px 0; }
.legal-content h1 { font-family: "Manrope",sans-serif; font-size: 36px; }
.legal-content h2 { margin-top: 34px; }
.legal-content p, .legal-content li { color: #55596f; }
.site-footer { background: #121225; color: #fff; padding: 62px 0 20px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 48px; }
.brand-light { color: white; }
.footer-grid p { color: #9696ad; max-width: 340px; }
.footer-grid h4 { margin: 0 0 15px; }
.footer-grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 9px; }
.footer-grid a, .footer-grid span { color: #a6a6ba; font-size: 13px; }
.footer-grid a:hover { color: #fff; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); margin-top: 40px; padding-top: 20px; display: flex; justify-content: space-between; gap: 20px; color: #77778e; font-size: 11px; }
@media (max-width: 1024px) {
  .hero-grid, .profile-layout, .auth-shell { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .hero-copy > p { margin-inline: auto; }
  .hero-actions, .hero-trust { justify-content: center; }
  .hero-visual { width: min(620px,100%); margin: auto; }
  .tutor-grid, .card-grid { grid-template-columns: repeat(2,1fr); }
  .booking-card { position: static; }
  .auth-aside { padding: 55px 28px; }
  .auth-aside h1 { font-size: 36px; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 2; }
}
@media (max-width: 820px) {
  .mobile-menu { display: block; }
  .main-nav { display: none; position: absolute; left: 18px; right: 18px; top: 70px; background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 18px; box-shadow: var(--shadow-sm); flex-direction: column; align-items: stretch; }
  .main-nav.open { display: flex; }
  .main-nav .btn { width: 100%; }
  .stats-grid, .steps, .metric-grid { grid-template-columns: repeat(2,1fr); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .side-nav { grid-template-columns: repeat(3,1fr); }
  .side-nav a { text-align: center; }
  .filter-bar { grid-template-columns: 1fr 1fr; }
  .filter-bar .btn { grid-column: span 2; }
  .cta-box { flex-direction: column; text-align: center; padding: 42px 25px; }
}
@media (max-width: 620px) {
  .container, .narrow { width: min(100% - 24px, 1180px); }
  .section { padding: 68px 0; }
  .hero { padding-top: 50px; }
  .hero-copy h1 { font-size: 44px; letter-spacing: -2px; }
  .hero-visual { min-height: 420px; }
  .video-card { inset: 28px 0 30px 0; }
  .video-stage { height: 270px; }
  .card-rating { left: 4px; top: 0; }
  .card-secure { right: 4px; top: 75px; }
  .card-next { right: 3px; bottom: 0; }
  .stats-grid, .card-grid, .steps, .tutor-grid, .metric-grid, .form-grid, .role-picker { grid-template-columns: 1fr; }
  .filter-bar { grid-template-columns: 1fr; }
  .filter-bar .btn { grid-column: auto; }
  .auth-card, .install-card { padding: 25px 20px; }
  .auth-aside { display: none; }
  .dashboard-header, .panel-title, .profile-head { align-items: flex-start; flex-direction: column; }
  .side-nav { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .footer-grid > div:first-child { grid-column: span 2; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; }
  .room-shell { padding: 10px; }
  .room-top { align-items: flex-start; gap: 10px; }
  .meeting-frame { height: calc(100vh - 135px); min-height: 500px; border-radius: 12px; }
}


/* v2: admin-approved instructor membership */
.admin-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.admin-create-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: end; }
.admin-create-submit { align-self: end; }
.admin-table { min-width: 1120px; }
.admin-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; min-width: 210px; }
.admin-actions form { margin: 0; }
.admin-note-form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.table-input { min-height: 36px; width: 180px; border: 1px solid var(--border); border-radius: 9px; padding: 6px 9px; font-size: 11px; }
.admin-note { margin-top: 6px; max-width: 220px; color: var(--danger); font-size: 10px; line-height: 1.4; }
.approval-banner { border: 1px solid var(--border); border-radius: 18px; padding: 18px 20px; margin-bottom: 20px; background: #fff; }
.approval-banner strong { display: block; font-family: "Manrope",sans-serif; font-size: 17px; }
.approval-banner p { margin: 5px 0 0; font-size: 13px; }
.approval-pending { background: #fff9e8; border-color: #ffe3a3; color: #7a4a00; }
.approval-approved { background: #ebfff7; border-color: #b8eed8; color: #07694c; }
.approval-rejected { background: #fff2f2; border-color: #ffd0d0; color: #9f2020; }
.approval-disabled { opacity: .72; cursor: not-allowed; margin-bottom: 18px; }
@media (max-width: 1024px) {
  .admin-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .admin-create-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .admin-metrics, .admin-create-grid { grid-template-columns: 1fr; }
}

/* v3: live group lessons */
.group-filter { margin-bottom: 28px; }
.group-filter-form { display: grid; grid-template-columns: minmax(240px, 1fr) auto; gap: 14px; align-items: end; }
.group-filter-form .form-group { margin: 0; }
.group-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.group-card { display: flex; flex-direction: column; min-height: 100%; padding: 24px; border: 1px solid var(--border); border-radius: 22px; background: #fff; box-shadow: var(--shadow-sm); }
.group-card-top, .group-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.group-card h2 { margin: 18px 0 8px; font-family: "Manrope",sans-serif; font-size: 21px; line-height: 1.25; }
.group-card > p { color: var(--muted); margin: 0 0 18px; line-height: 1.65; }
.capacity-pill { display: inline-flex; align-items: center; padding: 7px 10px; border-radius: 999px; background: #ebfff7; color: #07694c; font-size: 11px; font-weight: 800; }
.capacity-pill.is-full { background: #fff4df; color: #8b5700; }
.group-meta { display: grid; gap: 8px; margin-top: auto; color: var(--muted); font-size: 12px; }
.group-progress { height: 7px; overflow: hidden; margin: 18px 0; border-radius: 999px; background: var(--surface-2); }
.group-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--primary), #17c3b2); }
.group-card-footer strong { font-family: "Manrope",sans-serif; font-size: 22px; }
.group-card-footer small { color: var(--muted); }
.group-table { min-width: 980px; }
.btn[disabled] { opacity: .55; cursor: not-allowed; }
@media (max-width: 1024px) { .group-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 680px) { .group-filter-form, .group-card-grid { grid-template-columns: 1fr; } .group-card-footer { align-items: flex-start; flex-direction: column; } }

/* v4 kurum üyeliği */
.role-picker-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.role-institution { background: #eef8ff; color: #12618a; }
.role-institution_teacher { background: #eef7ff; color: #155d8a; }
.role-institution_student { background: #f3efff; color: #5b3cad; }
.institution-summary { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-top: 16px; }
.institution-summary div { border: 1px solid var(--border); border-radius: 14px; padding: 14px; }
.institution-summary small { display: block; color: var(--muted); margin-bottom: 4px; }
@media (max-width: 900px) { .role-picker-three, .institution-summary { grid-template-columns: 1fr; } }

/* v5: ders içerikleri, güvenli dosyalar ve quiz */
.content-filter { margin-bottom: 22px; }
.content-filter .subject-tags { margin: 0; }
.status-filter { margin-top: 12px !important; padding-top: 12px; border-top: 1px solid var(--border); }
.subject-tag.active { background: var(--primary); color: #fff; border-color: var(--primary); }
.content-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.content-card { display: flex; flex-direction: column; min-height: 320px; padding: 22px; border: 1px solid var(--border); border-radius: 22px; background: #fff; box-shadow: var(--shadow-sm); }
.content-card-top,.content-card-actions,.content-view-meta,.content-view-actions,.quiz-publish-panel,.quiz-start-panel,.resource-panel,.content-quick-panel,.content-quick-panel>div:first-child { display: flex; align-items: center; gap: 12px; }
.content-card-top { justify-content: space-between; }
.content-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: linear-gradient(135deg,#f0edff,#eafcff); font-size: 22px; flex: 0 0 auto; }
.content-icon-large { width: 72px; height: 72px; border-radius: 22px; font-size: 34px; }
.content-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; margin-top: 16px; }
.content-card h2 { margin: 10px 0 8px; font-family: "Manrope",sans-serif; font-size: 20px; line-height: 1.3; }
.content-card>p { margin: 0 0 18px; color: var(--muted); line-height: 1.65; }
.content-card-info { display: grid; gap: 7px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--border); color: var(--muted); font-size: 11px; }
.content-card-actions { flex-wrap: wrap; margin-top: 16px; }
.content-card-actions form { margin: 0; }
.wide-form { max-width: 980px; }
.content-editor { min-height: 260px; line-height: 1.7; }
.check-line { display: flex; align-items: center; gap: 8px; margin-top: 10px; color: var(--muted); font-size: 12px; }
.form-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.content-view-shell { max-width: 920px; }
.content-view-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding: 28px; border-radius: 24px; background: linear-gradient(135deg,#fff,#f5f2ff); border: 1px solid var(--border); }
.content-view-head h1 { margin: 8px 0; font-family: "Manrope",sans-serif; font-size: clamp(28px,4vw,42px); }
.content-view-head p { margin: 0; color: var(--muted); }
.content-view-meta { flex-wrap: wrap; margin: 14px 0 22px; color: var(--muted); font-size: 12px; }
.lesson-content-body { font-size: 15px; line-height: 1.85; white-space: normal; overflow-wrap: anywhere; }
.resource-panel,.quiz-start-panel { justify-content: space-between; margin-top: 18px; }
.resource-panel p,.quiz-start-panel p,.quiz-publish-panel p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.video-embed { position: relative; padding-top: 56.25%; margin: 0 0 20px; overflow: hidden; border-radius: 22px; background: #111; box-shadow: var(--shadow-sm); }
.video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.content-view-actions { justify-content: flex-end; margin-top: 22px; }
.content-quick-panel { justify-content: space-between; margin-bottom: 20px; }
.content-quick-panel h3 { margin: 0 0 4px; }
.content-quick-panel p { margin: 0; color: var(--muted); font-size: 12px; }
.quiz-editor-grid { display: grid; grid-template-columns: minmax(320px,.8fr) minmax(420px,1.2fr); gap: 22px; align-items: start; }
.quiz-question-list { margin-bottom: 18px; }
.quiz-question-item { display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: start; padding: 16px 0; border-top: 1px solid var(--border); }
.quiz-question-item:first-of-type { border-top: 0; }
.quiz-question-number,.quiz-question-heading>span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--primary); color: #fff; font-weight: 800; }
.quiz-options-mini { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; margin: 10px 0; color: var(--muted); font-size: 11px; }
.quiz-options-mini .correct { color: #07835e; font-weight: 800; }
.quiz-publish-panel { justify-content: space-between; }
.quiz-take-form { display: grid; gap: 18px; }
.quiz-take-question { margin: 0; }
.quiz-question-heading { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 16px; }
.quiz-question-heading h2 { margin: 0 0 5px; font-size: 18px; }
.quiz-answer-list { display: grid; gap: 10px; }
.quiz-answer { display: grid; grid-template-columns: auto 36px 1fr; gap: 10px; align-items: center; padding: 13px; border: 1px solid var(--border); border-radius: 14px; cursor: pointer; transition: .2s ease; }
.quiz-answer:hover { border-color: var(--primary); transform: translateY(-1px); }
.quiz-answer input { margin: 0; }
.quiz-letter { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--surface-2); font-weight: 800; }
.quiz-answer.is-correct { border-color: #63d8b5; background: #effff8; }
.quiz-answer.is-wrong { border-color: #ff9e9e; background: #fff3f3; }
.quiz-explanation { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: #f5f7fb; color: var(--muted); font-size: 12px; }
.quiz-result { margin: 18px 0; padding: 24px; border-radius: 22px; text-align: center; border: 1px solid var(--border); }
.quiz-result span { display: block; font-weight: 800; }
.quiz-result strong { display: block; margin: 5px 0; font-family: "Manrope",sans-serif; font-size: 48px; }
.quiz-result p { margin: 0; }
.quiz-result-success { background: #effff8; color: #07694c; border-color: #b8eed8; }
.quiz-result-warning { background: #fff8e8; color: #7a4a00; border-color: #ffe3a3; }
.empty-state.compact { padding: 28px 12px; }
@media (max-width: 1050px) { .content-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .quiz-editor-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .content-card-grid { grid-template-columns: 1fr; } .content-view-head,.resource-panel,.quiz-start-panel,.quiz-publish-panel,.content-quick-panel { align-items: flex-start; flex-direction: column; } .content-view-actions,.form-actions { justify-content: stretch; flex-direction: column; } .content-view-actions .btn,.form-actions .btn { width: 100%; } .quiz-options-mini { grid-template-columns: 1fr; } .quiz-question-item { grid-template-columns: 34px 1fr; } .quiz-question-item form { grid-column: 2; } }
.local-video-player { overflow: hidden; margin: 0 0 20px; border-radius: 22px; background: #0b0c12; box-shadow: var(--shadow-sm); }
.local-video-player video { display: block; width: 100%; max-height: 620px; background: #000; }

/* v6: gelişmiş kurum paneli */
.institution-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
.institution-member-form { display:grid; grid-template-columns: .8fr 1fr 1.2fr 1fr auto; gap:12px; align-items:end; }
.institution-member-form .form-group { margin:0; }
.institution-member-submit { align-self:end; }
.institution-table { min-width:900px; }
.institution-class-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.institution-class-grid.compact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.institution-class-card { display:flex; flex-direction:column; min-height:300px; padding:22px; border:1px solid var(--border); border-radius:22px; background:#fff; box-shadow:var(--shadow-sm); }
.institution-class-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.institution-class-card>small { color:var(--muted); font-weight:700; }
.institution-class-card h2 { margin:8px 0; font-family:"Manrope",sans-serif; font-size:20px; }
.institution-class-card>p { margin:0 0 16px; color:var(--muted); line-height:1.6; }
.institution-class-stats { display:grid; gap:7px; margin-top:auto; padding:14px 0; color:var(--muted); font-size:12px; }
.institution-management-grid,.institution-dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.institution-assignment-list { max-height:520px; overflow:auto; }
.institution-assignment-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--border); }
.institution-assignment-row:first-child { border-top:0; }
.institution-assignment-row>div:first-child { display:grid; gap:3px; min-width:0; }
.institution-assignment-row>div:last-child { display:flex; align-items:center; gap:8px; }
.institution-assignment-row small { color:var(--muted); overflow-wrap:anywhere; }
.announcement-list { display:grid; }
.announcement-list article { padding:14px 0; border-top:1px solid var(--border); }
.announcement-list article:first-child { border-top:0; }
.announcement-list article>div:first-child { display:flex; justify-content:space-between; gap:12px; }
.announcement-list article strong,.announcement-list article small { display:block; }
.announcement-list article small { margin-top:4px; color:var(--muted); }
.announcement-list article p { margin:8px 0 0; color:var(--muted); line-height:1.6; }
.institution-announcement-list article { padding:18px 0; }
.announcement-head { display:flex!important; align-items:flex-start; justify-content:space-between; gap:16px; }
.announcement-head>div { display:grid; gap:6px; }
.institution-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.institution-summary-card { display:flex; gap:16px; align-items:flex-start; padding:22px; border:1px solid var(--border); border-radius:22px; background:#fff; box-shadow:var(--shadow-sm); }
.institution-summary-card h2 { margin:5px 0; font-family:"Manrope",sans-serif; font-size:20px; }
.institution-summary-card small,.institution-summary-card p { color:var(--muted); }
.institution-summary-card p { margin:0; }
@media (max-width:1100px){.institution-member-form{grid-template-columns:repeat(2,minmax(0,1fr))}.institution-member-submit{grid-column:span 2}.institution-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.institution-metrics,.institution-class-grid,.institution-class-grid.compact-grid,.institution-management-grid,.institution-dashboard-grid,.institution-card-grid,.institution-member-form{grid-template-columns:1fr}.institution-member-submit{grid-column:auto}.institution-assignment-row{align-items:flex-start;flex-direction:column}.institution-assignment-row>div:last-child{width:100%;justify-content:flex-start}.announcement-head{flex-direction:column}}


/* Commercial module components */
.module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.module-card { display:flex; flex-direction:column; gap:8px; min-height:150px; padding:18px; border:1px solid var(--border); border-radius:15px; background:#fff; box-shadow:var(--shadow-sm); }
.module-card .module-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:#f0efff; font-size:19px; }
.module-card h3 { margin:0; font-size:16px; }
.module-card p { margin:0; color:var(--muted); font-size:12px; flex:1; }
.timeline { display:grid; gap:0; }
.timeline-item { display:grid; grid-template-columns:14px 1fr; gap:12px; padding:0 0 18px; }
.timeline-dot { width:10px; height:10px; margin-top:5px; border-radius:50%; background:var(--primary); box-shadow:0 0 0 4px rgba(90,76,244,.12); }
.timeline-item:not(:last-child) .timeline-dot::after { content:""; display:block; width:1px; height:calc(100% + 22px); margin:10px auto 0; background:var(--border); }
.setting-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.7fr); gap:20px; align-items:center; padding:16px 0; border-top:1px solid var(--border); }
.setting-row:first-child { border-top:0; }
.setting-row h3 { margin:0 0 4px; font-size:14px; }
.setting-row p { margin:0; color:var(--muted); font-size:11px; }
.week-grid { display:grid; grid-template-columns:repeat(7,minmax(115px,1fr)); gap:10px; overflow-x:auto; padding-bottom:4px; }
.day-card { min-width:115px; padding:13px; border:1px solid var(--border); border-radius:13px; background:#fff; }
.day-card h3 { margin:0 0 10px; font-size:13px; }
.slot-pill { display:flex; justify-content:space-between; gap:5px; margin-top:7px; padding:7px 8px; border-radius:8px; background:var(--surface-2); font-size:10px; }
.score-bar { height:8px; overflow:hidden; border-radius:99px; background:#eceef4; }
.score-bar span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--primary),#8b7cf6); }
.invoice-sheet { max-width:850px; margin:auto; padding:38px; border:1px solid var(--border); border-radius:15px; background:#fff; box-shadow:var(--shadow-sm); }
.invoice-head { display:flex; justify-content:space-between; gap:25px; padding-bottom:22px; border-bottom:1px solid var(--border); }
.invoice-total { font-size:28px; font-weight:700; }
.notification-item { display:grid; grid-template-columns:38px 1fr auto; gap:12px; align-items:start; padding:15px 0; border-top:1px solid var(--border); }
.notification-item:first-child { border-top:0; }
.notification-item.unread { background:linear-gradient(90deg,rgba(90,76,244,.05),transparent); }
.notification-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:#f0efff; }
.rating-stars { display:flex; gap:5px; font-size:24px; }
.rating-stars input { position:absolute; opacity:0; }
.rating-stars label { cursor:pointer; filter:grayscale(1); opacity:.45; }
.rating-stars input:checked ~ label { filter:none; opacity:1; }
/* v8 consent and compact control refinements */
.consent-box { display:grid; gap:10px; margin:16px 0; padding:15px; border:1px solid var(--border); border-radius:13px; background:var(--surface-2); }
.check-row { display:flex; align-items:flex-start; gap:9px; color:#5e6575; font-size:12px; line-height:1.5; }
.check-row input { width:17px; height:17px; margin-top:1px; accent-color:var(--primary); flex:0 0 auto; }
.check-row a { font-weight:700; }
.side-nav a { font-size:12px; padding:9px 10px; }
.user-mini strong { font-size:13px; }
.user-mini small,.form-hint,small { line-height:1.45; }
.content-card h2,.institution-class-card h2,.institution-summary-card h2 { font-size:18px; }
.booking-price { font-size:27px; }

/* v8.1 — unified navigation, onboarding, payment and home experience */
html{font-size:15px}body{line-height:1.55;letter-spacing:-.01em}h1,h2,h3,h4,.metric strong,.booking-price,.profile-head h1,.content-card h2,.content-view-head h1,.quiz-result strong,.institution-class-card h2,.institution-summary-card h2{font-family:"Manrope",sans-serif}.icon-svg{width:22px;height:22px;display:inline-block;vertical-align:middle;flex:0 0 auto}.icon-sm{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:0 0 auto}.icon-xs{width:15px;height:15px;display:inline-block;vertical-align:middle;flex:0 0 auto}.btn-lg{min-height:50px;padding-inline:22px;font-size:14px}.site-header{box-shadow:0 1px 0 rgba(22,28,45,.04)}.mobile-menu{width:40px;height:40px;place-items:center;border:1px solid var(--border);border-radius:11px;color:var(--ink)}.nav-login{font-weight:700}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;padding:8px 4px;border:0;background:transparent;color:var(--ink);font-weight:700;font-size:13px}.nav-dropdown-menu{position:absolute;right:0;top:calc(100% + 14px);width:265px;max-height:min(70vh,540px);overflow:auto;padding:9px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s ease}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}.nav-dropdown-menu a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;color:#424a5e;font-size:12px}.nav-dropdown-menu a:hover{background:var(--surface-2);color:var(--primary)}.notification-link{position:relative;display:inline-flex!important;align-items:center;gap:6px}.notification-link b{min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:var(--primary);color:#fff;font-size:9px}.hero-clean{padding:82px 0 86px}.hero-clean::after{opacity:.65}.hero-actions-primary{margin-top:28px}.hero-login-note{font-size:13px!important;margin:16px 0 0}.hero-login-note a{color:var(--primary);font-weight:700}.hero-proof{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:28px;color:#555d70;font-size:12px;font-weight:600}.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-product{position:relative;min-height:495px}.product-window{position:absolute;inset:20px 10px 30px 10px;overflow:hidden;border:7px solid rgba(255,255,255,.9);border-radius:28px;background:#fff;box-shadow:0 34px 90px rgba(38,32,89,.2)}.product-window-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--border);background:#fbfbfd}.product-window-top>span{width:8px;height:8px;border-radius:50%;background:#d6d8e1}.product-window-top>span:first-child{background:#ff8d8d}.product-window-top>span:nth-child(2){background:#ffd36c}.product-window-top>span:nth-child(3){background:#7bd9a8}.product-window-top strong{margin-left:auto;margin-right:auto;font-size:11px;color:var(--muted)}.product-window-body{height:calc(100% - 48px);display:grid;grid-template-columns:135px 1fr}.product-side{padding:19px 12px;background:#191a34;color:#b9bbcb;display:flex;flex-direction:column;gap:7px}.product-side span{display:flex;align-items:center;gap:8px;padding:9px;border-radius:9px;font-size:10px}.product-side .active{background:rgba(109,94,255,.28);color:#fff}.product-main{padding:24px;background:#f7f8fc}.product-heading{display:flex;align-items:center;justify-content:space-between}.product-heading small,.product-heading strong{display:block}.product-heading small{color:var(--muted);font-size:9px}.product-heading strong{font-family:"Manrope";font-size:17px}.product-metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.product-metrics>div{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:13px;background:#fff}.product-metrics svg{color:var(--primary)}.product-metrics strong,.product-metrics small{display:block}.product-metrics strong{font-size:20px}.product-metrics small{font-size:9px;color:var(--muted)}.product-lesson{display:flex;align-items:center;gap:11px;padding:15px;border-radius:14px;background:linear-gradient(135deg,#5a4cf4,#7969ff);color:#fff;box-shadow:0 15px 32px rgba(90,76,244,.23)}.product-lesson-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.15)}.product-lesson>span:nth-child(2){flex:1}.product-lesson strong,.product-lesson small{display:block}.product-lesson strong{font-size:12px}.product-lesson small{font-size:8px;color:#e4e0ff}.product-progress{margin-top:18px;padding:15px;border:1px solid var(--border);border-radius:13px;background:#fff}.product-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:9px}.product-progress strong{color:var(--ink)}.product-capabilities{display:flex;flex-wrap:wrap;gap:6px}.product-capabilities span{padding:5px 8px;border-radius:99px;background:#f1f0ff;color:var(--primary);font-size:8px;font-weight:700}.progress-track{height:7px;overflow:hidden;border-radius:99px;background:#eceef4}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#8d7ff8)}.product-float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(230,232,239,.9);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm)}.product-float svg{color:var(--primary)}.product-float strong,.product-float small{display:block}.product-float strong{font-size:11px}.product-float small{font-size:8px;color:var(--muted)}.product-float-one{left:-20px;bottom:5px}.product-float-two{right:-20px;top:0}.subject-strip{border-block:1px solid var(--border);background:#fff}.subject-strip-inner{min-height:65px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.subject-strip-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#9499a9;margin-right:8px}.subject-strip a{padding:7px 11px;border-radius:99px;background:var(--surface-2);font-size:11px;font-weight:600;color:#5d6578}.stats-section{padding:50px 0}.stats-real .stat{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:0 13px;padding:20px}.stats-real .stat-icon{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f0efff;color:var(--primary)}.stats-real .stat strong{font-size:26px;line-height:1}.stats-real .stat>span:last-child{font-size:11px}.data-note{text-align:center;color:var(--muted);font-size:11px;margin:15px 0 0}.feature-icon svg{width:24px;height:24px}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.steps-vertical{grid-template-columns:1fr;gap:12px;counter-reset:none}.steps-vertical .step{display:flex;gap:18px;padding:21px}.steps-vertical .step::before{display:none}.steps-vertical .step>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--primary);font-family:"Manrope";font-weight:700;flex:0 0 auto}.steps-vertical .step h3{margin:0 0 5px}.section-action{text-align:center;margin-top:28px}.institution-section{background:linear-gradient(135deg,#f1efff,#f8fbff)}.institution-cta{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.institution-visual{min-height:280px;display:grid;place-items:center;position:relative;border:1px solid #ddd9ff;border-radius:30px;background:rgba(255,255,255,.62)}.institution-main-icon{width:100px;height:100px;color:var(--primary)}.institution-visual>div{position:absolute;inset:auto 20px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.institution-visual span{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:9px;font-weight:600}.section-compact{padding:55px 0}.auth-layout-wide{grid-template-columns:.85fr 1.15fr;max-width:1120px}.auth-card-wide{max-width:none}.login-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}.login-role-card{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:12px;text-align:left;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink)}.login-role-card:hover,.login-role-card.selected{border-color:rgba(90,76,244,.5);background:#f7f6ff;box-shadow:0 7px 20px rgba(90,76,244,.08)}.login-role-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f0efff;color:var(--primary)}.login-role-icon svg{width:20px;height:20px}.login-role-card strong,.login-role-card small{display:block}.login-role-card strong{font-size:12px}.login-role-card small{margin-top:2px;font-size:9px;color:var(--muted)}.login-role-check{margin-left:auto;opacity:0;color:var(--primary)}.login-role-card.selected .login-role-check{opacity:1}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row a{font-size:11px;color:var(--primary);font-weight:600}.onboarding-card{margin-bottom:20px;padding:20px;border:1px solid #dedaff;border-radius:18px;background:linear-gradient(135deg,#faf9ff,#fff);box-shadow:var(--shadow-sm)}.onboarding-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.onboarding-head h2{font-size:20px;margin:5px 0 2px}.onboarding-head p{margin:0;color:var(--muted);font-size:11px}.progress-ring{--progress:0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--progress)*1%),#eceafc 0);position:relative}.progress-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.progress-ring strong{z-index:1;font-size:11px}.onboarding-card>.progress-track{margin:15px 0}.onboarding-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.onboarding-step{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;background:#fff;border:1px solid var(--border)}.onboarding-step.completed{opacity:.62}.step-check{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f0efff;color:var(--primary)}.onboarding-step.completed .step-check{background:#e8fff7;color:var(--success)}.onboarding-step>span:nth-child(2){min-width:0;flex:1}.onboarding-step strong,.onboarding-step small{display:block}.onboarding-step strong{font-size:11px}.onboarding-step small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-arrow{color:#a4a8b4}.checkout-shell{background:var(--surface-2)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:18px;align-items:start}.checkout-main{min-height:330px}.checkout-summary{position:sticky;top:90px}.summary-row,.summary-total{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--border);font-size:12px}.summary-total{margin-top:8px;padding-top:18px;font-size:15px}.summary-total strong{font-family:"Manrope";font-size:25px}.summary-security{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.summary-security span,.security-note{display:flex;align-items:center;gap:7px}.payment-method-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;margin-bottom:18px}.payment-method-card.selected{border-color:#cfcaff;background:#f9f8ff}.payment-method-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#ece9ff;color:var(--primary)}.payment-method-card>span:nth-child(2){flex:1}.payment-method-card strong,.payment-method-card small{display:block}.payment-method-card small{color:var(--muted);font-size:10px}.payment-provider-head,.provider-status-card{display:flex;align-items:center;gap:14px}.payment-provider-head{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.payment-provider-head>div:first-child{display:flex;align-items:center;gap:11px;flex:1}.payment-provider-head svg{color:var(--primary)}.payment-provider-head strong,.payment-provider-head small{display:block}.iyzico-form-wrap{min-height:220px}.security-note{margin:14px 0 0;color:var(--muted);font-size:10px}.result-inline{display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px}.result-inline.success{background:#ebfff7;color:#126b4c}.result-inline h2,.result-inline p{margin:0}.result-section{padding:80px 0;background:var(--surface-2);min-height:65vh}.result-card{text-align:center;padding:45px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}.result-icon{width:70px;height:70px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%}.result-icon svg{width:38px;height:38px}.result-success .result-icon{background:#e8fff7;color:var(--success)}.result-error .result-icon{background:#fff1f1;color:var(--danger)}.center-actions{justify-content:center;margin-top:22px}.provider-status-card{padding:20px;margin-bottom:18px;border:1px solid var(--border);border-radius:18px;background:#fff}.provider-status-card.ready{border-color:#c9ecdf}.provider-status-card.not-ready{border-color:#f1d7a6}.provider-status-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#f0efff;color:var(--primary)}.provider-status-card h2,.provider-status-card p{margin:0}.provider-status-card h2{font-size:19px}.provider-status-card p{font-size:11px;color:var(--muted)}.provider-status-actions{margin-left:auto;text-align:right}.provider-status-actions small{display:block;margin-top:6px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.provider-guide{align-self:start}.guide-step{display:flex;gap:11px;padding:13px 0;border-top:1px solid var(--border)}.guide-step>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f0efff;color:var(--primary);font-size:10px;font-weight:700;flex:0 0 auto}.guide-step strong,.guide-step p{display:block;margin:0}.guide-step strong{font-size:12px}.guide-step p{font-size:10px;color:var(--muted);margin-top:3px}.break-url{word-break:break-all}.endpoint-list{display:grid;gap:8px;margin:15px 0}.endpoint-list>div{padding:10px;border-radius:10px;background:var(--surface-2)}.endpoint-list small,.endpoint-list code{display:block}.endpoint-list code{margin-top:4px;font-size:9px;word-break:break-all}.module-icon svg{width:21px;height:21px;color:var(--primary)}
@media(max-width:980px){.hero-grid,.split-section,.institution-cta,.auth-layout-wide,.settings-grid{grid-template-columns:1fr}.hero-product{min-height:440px}.product-float-two{right:0}.product-float-one{left:0}.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.onboarding-steps{grid-template-columns:1fr}.main-nav{gap:12px}.notification-label{display:none}}
@media(max-width:760px){.mobile-menu{display:grid}.main-nav{position:absolute;left:18px;right:18px;top:60px;display:none;flex-direction:column;align-items:stretch;padding:14px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown-trigger{width:100%;justify-content:flex-start;padding:10px}.nav-dropdown-menu{position:static;width:100%;max-height:280px;margin-top:5px;box-shadow:none;display:none;opacity:1;visibility:visible;transform:none}.nav-dropdown.open .nav-dropdown-menu{display:block}.hero-clean{padding-top:55px}.hero-product{min-height:380px}.product-window{inset:20px 0}.product-window-body{grid-template-columns:100px 1fr}.product-side{padding-inline:7px}.product-main{padding:15px}.product-float{display:none}.stats-grid,.stats-real{grid-template-columns:repeat(2,1fr)}.login-role-grid{grid-template-columns:1fr}.institution-visual>div{grid-template-columns:1fr}.provider-status-card{align-items:flex-start;flex-wrap:wrap}.provider-status-actions{margin-left:66px;text-align:left}.cta-box{padding:34px}.checkout-main,.checkout-summary{padding:17px}}
@media(max-width:480px){.stats-grid,.stats-real{grid-template-columns:1fr}.hero-copy h1{font-size:38px}.hero-actions .btn{width:100%}.product-side{display:none}.product-window-body{grid-template-columns:1fr}.product-metrics{grid-template-columns:1fr}.onboarding-head{align-items:flex-start}.progress-ring{width:52px;height:52px}.subject-strip-label{width:100%;text-align:center}.subject-strip-inner{padding:14px 0}}
@media print{.site-header,.site-footer,.no-print{display:none!important}.invoice-sheet{box-shadow:none;border:0;padding:0}.dashboard-shell{padding:0}.container,.narrow{width:100%}}

/* v8.1 system health */
.health-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;margin-bottom:16px;border:1px solid var(--border);border-radius:18px;background:#fff}.health-score{display:flex;align-items:center;gap:13px}.health-score>svg{width:38px;height:38px;color:var(--primary)}.health-score strong,.health-score span{display:block}.health-score strong{font-family:"Manrope",sans-serif;font-size:17px}.health-score span{margin-top:3px;color:var(--muted);font-size:10px}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.health-item{display:flex;gap:11px;padding:15px;border:1px solid var(--border);border-radius:14px;background:#fff}.health-item-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px}.health-item-icon svg{width:19px;height:19px}.health-item h3,.health-item p{margin:0}.health-item h3{font-size:12px}.health-item p{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.health-success .health-item-icon{background:#e9fff7;color:var(--success)}.health-warning .health-item-icon{background:#fff8e6;color:#a16c00}.health-danger .health-item-icon{background:#fff0f0;color:var(--danger)}
@media(max-width:760px){.health-grid{grid-template-columns:1fr}.health-summary{align-items:flex-start;flex-direction:column}}


/* v8.1.1 — yönetici giriş bağlantısı */
.auth-admin-link { display: block; margin-top: 10px; font-size: .78rem; opacity: .72; }
.auth-admin-link a { text-decoration: underline; text-underline-offset: 3px; }

/* v8.2 — marketplace homepage */
.marketplace-home{background:#fff;color:var(--ink)}
.marketplace-home .site-header{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,228,239,.85)}
.market-hero{position:relative;overflow:hidden;padding:86px 0 74px;background:linear-gradient(135deg,#fbfbff 0%,#f5f3ff 55%,#eef9ff 100%)}
.market-hero::after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(to bottom,transparent,#fff);pointer-events:none}
.market-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.72;pointer-events:none}
.market-orb-one{width:430px;height:430px;right:-160px;top:-120px;background:radial-gradient(circle,#cfc9ff 0%,rgba(207,201,255,0) 70%)}
.market-orb-two{width:330px;height:330px;left:-150px;bottom:-170px;background:radial-gradient(circle,#bfefff 0%,rgba(191,239,255,0) 70%)}
.market-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:76px}
.market-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ddd9ff;border-radius:999px;background:rgba(255,255,255,.78);color:#4d43c8;font-size:11px;font-weight:700;box-shadow:0 8px 28px rgba(91,75,255,.07)}
.market-hero-copy h1{max-width:790px;margin:18px 0 20px;font-family:"Manrope",sans-serif;font-size:clamp(45px,5.4vw,72px);line-height:.99;letter-spacing:-.055em}
.market-hero-copy h1 span{color:var(--primary)}
.market-hero-copy>p{max-width:680px;margin:0;color:#5f6270;font-size:16px;line-height:1.75}
.market-search-card{max-width:760px;margin-top:28px;padding:8px;border:1px solid rgba(217,214,238,.95);border-radius:20px;background:#fff;box-shadow:0 26px 70px rgba(54,46,120,.14)}
.market-search-tabs{display:flex;gap:5px;padding:2px 3px 8px;border-bottom:1px solid #eceaf5}
.market-search-tabs button{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:0;border-radius:10px;background:transparent;color:#777a87;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}
.market-search-tabs button.active{background:#f0eeff;color:var(--primary)}
.market-search-card form{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:stretch}
.market-search-field{position:relative;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:8px;min-height:72px;padding:11px 15px;border-right:1px solid #eceaf5}
.market-search-field>span{grid-row:1/3;align-self:center;display:grid;place-items:center;color:var(--primary)}
.market-search-field label{font-size:9px;font-weight:700;color:#8b8e9a;text-transform:uppercase;letter-spacing:.06em}
.market-search-field input,.market-search-field select{min-width:0;width:100%;padding:2px 0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:var(--ink);font-family:inherit;font-size:12px;font-weight:600}
.market-search-field input::placeholder{color:#a0a2ad;font-weight:500}
.market-search-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:158px;margin:4px;padding:0 18px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--primary),#7569ff);color:#fff;font-family:inherit;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 10px 26px rgba(91,75,255,.26);transition:transform .2s ease,box-shadow .2s ease}
.market-search-button:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(91,75,255,.32)}
.market-quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px;font-size:10px;color:#7a7d89}
.market-quick-links>span{font-weight:700}
.market-quick-links a{padding:5px 9px;border:1px solid #dedbe9;border-radius:999px;background:rgba(255,255,255,.74);color:#575a67;font-weight:600}
.market-quick-links a:hover{border-color:#bbb4ff;color:var(--primary)}
.market-hero-showcase{position:relative;min-height:520px}
.showcase-glow{position:absolute;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(135deg,#d8d3ff,#c4f0ff);filter:blur(16px);opacity:.74}
.showcase-tutor-card{position:absolute;z-index:2;left:6%;right:6%;top:44px;padding:24px;border:1px solid rgba(255,255,255,.9);border-radius:25px;background:rgba(255,255,255,.95);box-shadow:0 36px 90px rgba(54,46,120,.22);transform:rotate(-1deg)}
.showcase-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.verified-pill,.showcase-rating,.availability-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:9px;font-weight:750}
.verified-pill{padding:6px 9px;background:#eeecff;color:#5246d4}
.showcase-rating{padding:6px 8px;background:#fff8df;color:#a36d00}.showcase-rating svg,.market-tutor-meta svg,.market-review-stars svg{fill:currentColor}
.showcase-tutor-profile{display:flex;align-items:center;gap:16px;margin:25px 0 18px}
.showcase-tutor-profile img,.showcase-avatar{width:74px;height:74px;border-radius:21px;object-fit:cover;box-shadow:0 10px 24px rgba(45,42,82,.13)}
.showcase-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#6659ff,#9188ff);color:#fff;font-family:"Manrope",sans-serif;font-size:21px;font-weight:800}
.showcase-tutor-profile small{font-size:9px;color:#8e909a;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.showcase-tutor-profile h3{margin:4px 0 2px;font-size:22px}.showcase-tutor-profile p{margin:0;color:var(--muted);font-size:11px}
.showcase-subjects{display:flex;flex-wrap:wrap;gap:6px}.showcase-subjects span{padding:6px 9px;border-radius:8px;background:#f4f3f9;color:#61636f;font-size:9px;font-weight:650}
.showcase-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:22px;padding-top:18px;border-top:1px solid #eceaf3}
.showcase-card-footer small,.showcase-card-footer strong{display:block}.showcase-card-footer small{font-size:9px;color:#92949d}.showcase-card-footer strong{margin-top:2px;font-size:20px}.showcase-card-footer a{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:10px;font-weight:750}
.showcase-mini-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;width:220px;padding:13px;border:1px solid rgba(255,255,255,.94);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(54,46,120,.17);backdrop-filter:blur(12px)}
.showcase-mini-one{left:-18px;bottom:70px}.showcase-mini-two{right:-12px;bottom:14px}
.showcase-mini-icon{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#efedff;color:var(--primary)}
.showcase-mini-card strong,.showcase-mini-card small{display:block}.showcase-mini-card strong{font-size:10px}.showcase-mini-card small{margin-top:2px;color:#898b96;font-size:8px;line-height:1.4}
.showcase-empty-card{text-align:center;transform:none}.showcase-empty-icon{width:75px;height:75px;display:grid;place-items:center;margin:30px auto 18px;border-radius:22px;background:#f1efff;color:var(--primary)}.showcase-empty-icon svg{width:36px;height:36px}.showcase-empty-card h3{font-size:20px}.showcase-empty-card p{color:var(--muted);font-size:11px;line-height:1.65}.showcase-empty-card .btn{margin-top:10px}
.market-trust-bar{position:relative;z-index:2;border-bottom:1px solid #ededf3;background:#fff}
.market-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}
.market-trust-grid>div{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border-right:1px solid #ececf2}.market-trust-grid>div:last-child{border-right:0}
.market-trust-grid strong{font-family:"Manrope",sans-serif;font-size:24px;color:var(--primary)}.market-trust-grid span{max-width:105px;color:#747682;font-size:9px;line-height:1.4;font-weight:650}.market-trust-grid svg{width:24px;height:24px;color:var(--primary)}
.market-section{padding:76px 0}.market-section-soft{background:#f8f8fc}.market-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.market-section-head.centered{justify-content:center;text-align:center}.market-section-head>div{max-width:680px}.market-section-head h2{margin:8px 0 7px;font-size:clamp(28px,3.2vw,42px);letter-spacing:-.035em}.market-section-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.market-section-head>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--primary);font-size:10px;font-weight:750}
.market-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.market-category-card{display:flex;align-items:center;gap:12px;min-height:92px;padding:16px;border:1px solid transparent;border-radius:17px;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.market-category-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(52,48,88,.09);border-color:rgba(101,90,230,.17)}
.category-tone-1{background:#f3f1ff}.category-tone-2{background:#edf9ff}.category-tone-3{background:#fff5e9}.category-tone-4{background:#effbf5}
.market-category-icon{width:45px;height:45px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:rgba(255,255,255,.8);color:var(--primary);box-shadow:0 6px 15px rgba(69,62,130,.06)}.market-category-icon svg{width:22px;height:22px}.market-category-copy{min-width:0;flex:1}.market-category-copy strong,.market-category-copy small{display:block}.market-category-copy strong{font-size:12px}.market-category-copy small{margin-top:4px;color:#82848e;font-size:9px}.market-category-card>svg{width:16px;color:#9993c9}
.market-tutor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.market-tutor-card{overflow:hidden;border:1px solid #e6e5ee;border-radius:21px;background:#fff;box-shadow:0 8px 30px rgba(49,47,74,.05);transition:transform .22s ease,box-shadow .22s ease}.market-tutor-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(49,47,74,.12)}
.market-tutor-cover{height:74px;display:flex;align-items:flex-start;justify-content:space-between;padding:14px;background:linear-gradient(135deg,#eeecff,#eefaff)}.availability-pill{padding:6px 8px;background:rgba(255,255,255,.88);color:#167655}.availability-pill i{width:6px;height:6px;border-radius:50%;background:#20b77a;box-shadow:0 0 0 3px rgba(32,183,122,.13)}
.market-tutor-content{padding:0 18px 18px}.market-tutor-identity{display:flex;align-items:flex-end;gap:12px;margin-top:-34px}.market-tutor-identity img,.market-tutor-avatar{width:70px;height:70px;border:4px solid #fff;border-radius:20px;object-fit:cover;box-shadow:0 10px 22px rgba(42,39,74,.12)}.market-tutor-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#6659ff,#9289ff);color:#fff;font-weight:800}.market-tutor-identity>div:last-child{padding-bottom:4px;min-width:0}.market-tutor-identity h3{margin:0;font-size:15px}.market-tutor-identity p{margin:3px 0 0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-tutor-meta{display:flex;flex-wrap:wrap;gap:9px 13px;margin:16px 0 12px;color:#6d6f7b;font-size:9px}.market-tutor-meta span{display:inline-flex;align-items:center;gap:4px}.market-tutor-meta svg{color:#f0a500}.market-tutor-bio{min-height:45px;margin:13px 0 0;color:#747681;font-size:10px;line-height:1.5}.market-tutor-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px;padding-top:15px;border-top:1px solid #ecebf2}.market-tutor-footer small,.market-tutor-footer strong{display:block}.market-tutor-footer small{font-size:8px;color:#9698a2}.market-tutor-footer strong{margin-top:2px;font-size:17px}
.group-market-section{background:#fff}.market-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.market-group-card{display:grid;grid-template-columns:72px 1fr;overflow:hidden;border:1px solid #e7e6ef;border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(48,44,80,.05)}.market-group-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#6658ff,#8176ff);color:#fff}.market-group-date strong{font-size:25px}.market-group-date span{font-size:9px;font-weight:750;letter-spacing:.1em}.market-group-body{padding:17px}.market-group-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.market-group-top>span{padding:5px 8px;border-radius:7px;background:#f1efff;color:var(--primary);font-size:8px;font-weight:750}.market-group-top small{color:#19815b;font-size:8px;font-weight:700}.market-group-top small.is-full{color:#a64c4c}.market-group-card h3{margin:10px 0 5px;font-size:15px}.market-group-card p{min-height:32px;margin:0;color:var(--muted);font-size:9px;line-height:1.55}.market-group-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px;color:#777985;font-size:8px}.market-group-meta span{display:inline-flex;align-items:center;gap:4px}.market-group-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid #eeeeF3}.market-group-footer strong{font-size:16px}.market-group-footer a{display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-size:9px;font-weight:750}
.market-how-section{background:linear-gradient(180deg,#15132d,#211d45);color:#fff}.market-how-section .eyebrow{color:#bcb5ff}.market-how-section .market-section-head p{color:#aaa8b8}.market-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.market-how-grid article{position:relative;padding:25px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.055)}.market-step-icon{width:47px;height:47px;display:grid;place-items:center;margin-bottom:24px;border-radius:14px;background:rgba(138,126,255,.18);color:#cfc9ff}.market-how-grid article>small{position:absolute;right:22px;top:24px;color:rgba(255,255,255,.28);font-size:22px;font-weight:800}.market-how-grid h3{font-size:15px}.market-how-grid p{margin:8px 0 0;color:#b3b1bf;font-size:10px;line-height:1.65}
.market-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.market-review-card{padding:20px;border:1px solid #e6e5ee;border-radius:18px;background:#fff}.market-review-stars{display:flex;gap:2px;color:#f3aa12}.market-review-card blockquote{min-height:74px;margin:14px 0 18px;color:#4f515c;font-size:11px;line-height:1.65}.market-review-card>div:last-child{display:flex;align-items:center;gap:10px}.review-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#efedff;color:var(--primary);font-weight:750}.market-review-card p,.market-review-card strong,.market-review-card small{display:block;margin:0}.market-review-card strong{font-size:10px}.market-review-card small{margin-top:3px;color:#8d8f99;font-size:8px}
.market-dual-cta-section{padding-top:0}.market-dual-cta{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.market-cta-card{position:relative;overflow:hidden;padding:32px;border-radius:24px;color:#fff}.market-cta-card::after{content:"";position:absolute;width:220px;height:220px;right:-60px;bottom:-80px;border-radius:50%;background:rgba(255,255,255,.09)}.market-cta-teacher{background:linear-gradient(135deg,#5b4bff,#7d70ff)}.market-cta-institution{background:linear-gradient(135deg,#077d78,#13a39b)}.market-cta-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:23px;border-radius:15px;background:rgba(255,255,255,.14)}.market-cta-card .eyebrow{color:rgba(255,255,255,.72)}.market-cta-card h2{max-width:410px;margin:9px 0 8px;font-size:27px}.market-cta-card p{max-width:470px;margin:0 0 20px;color:rgba(255,255,255,.78);font-size:10px;line-height:1.65}.btn-light{position:relative;z-index:1;background:#fff;color:#302d55}.btn-outline-light{border-color:rgba(255,255,255,.48);background:transparent;color:#fff}
.market-final-cta{padding:48px 0;background:#5b4bff;color:#fff}.market-final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.market-final-cta .eyebrow{color:#d7d2ff}.market-final-cta h2{margin:7px 0 4px;font-size:31px}.market-final-cta p{margin:0;color:#dcd9ff;font-size:10px}.market-final-cta .container>div:last-child{display:flex;gap:9px;flex:0 0 auto}
@media(max-width:1050px){.market-hero-grid{grid-template-columns:1fr;gap:30px}.market-hero-copy{text-align:center}.market-hero-copy>p,.market-search-card{margin-left:auto;margin-right:auto}.market-quick-links{justify-content:center}.market-hero-showcase{width:min(570px,100%);margin:auto;min-height:480px}.market-category-grid{grid-template-columns:repeat(2,1fr)}.market-tutor-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.market-hero{padding:55px 0 50px}.market-hero-copy h1{font-size:43px}.market-hero-copy>p{font-size:13px}.market-search-card form{grid-template-columns:1fr}.market-search-field{border-right:0;border-bottom:1px solid #eceaf5}.market-search-button{min-height:51px}.market-search-tabs button{flex:1;justify-content:center}.market-hero-showcase{min-height:430px}.showcase-tutor-card{left:0;right:0}.showcase-mini-card{display:none}.market-trust-grid{grid-template-columns:repeat(2,1fr)}.market-trust-grid>div:nth-child(2){border-right:0}.market-trust-grid>div:nth-child(-n+2){border-bottom:1px solid #ececf2}.market-category-grid,.market-tutor-grid,.market-group-grid,.market-how-grid,.market-review-grid,.market-dual-cta{grid-template-columns:1fr}.market-section{padding:58px 0}.market-section-head{align-items:flex-start;flex-direction:column;gap:12px}.market-section-head.centered{align-items:center}.market-final-cta .container{align-items:flex-start;flex-direction:column}.market-final-cta .container>div:last-child{width:100%;flex-wrap:wrap}.market-final-cta .btn{flex:1}.market-group-card{grid-template-columns:62px 1fr}}
@media(max-width:480px){.market-hero-copy h1{font-size:36px}.market-hero-showcase{min-height:410px}.showcase-tutor-card{padding:18px}.showcase-tutor-profile img,.showcase-avatar{width:61px;height:61px}.showcase-tutor-profile h3{font-size:18px}.showcase-card-footer{align-items:flex-start;flex-direction:column}.market-category-grid{grid-template-columns:1fr}.market-trust-grid strong{font-size:20px}.market-tutor-grid{grid-template-columns:1fr}.market-final-cta .btn{width:100%;flex:auto}}

/* v8.2 — tutor marketplace listing */
.marketplace-list-page{background:#f8f8fc}.market-list-hero{padding:58px 0 34px;background:linear-gradient(135deg,#f7f6ff,#eef8ff)}.market-list-hero .container{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:end;gap:36px}.market-list-hero h1{margin:14px 0 8px;font-size:42px;letter-spacing:-.045em}.market-list-hero p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.market-list-search{display:grid;grid-template-columns:1.2fr 1fr auto;gap:7px;padding:7px;border:1px solid #dfdced;border-radius:16px;background:#fff;box-shadow:0 16px 42px rgba(49,45,91,.1)}.market-list-search>div{display:flex;align-items:center;gap:8px;padding:0 11px;border-right:1px solid #eceaf2}.market-list-search svg{color:var(--primary)}.market-list-search input,.market-list-search select{min-width:0;width:100%;height:43px;border:0;outline:0;background:transparent;font:600 10px Inter,sans-serif;color:var(--ink)}.market-list-section{padding:30px 0 74px}.market-list-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.market-filter-panel{position:sticky;top:84px;padding:18px;border:1px solid #e4e3eb;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(48,45,73,.04)}.market-filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.market-filter-title h2{margin:0;font-size:17px}.market-filter-title a{color:var(--primary);font-size:9px;font-weight:700}.market-filter-panel .form-group{margin-bottom:12px}.market-filter-panel label{font-size:9px}.market-filter-panel .form-control{height:39px;font-size:10px}.market-filter-trust{display:flex;gap:9px;margin-top:17px;padding:13px;border-radius:12px;background:#f4f2ff}.market-filter-trust>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#fff;color:var(--primary)}.market-filter-trust p,.market-filter-trust strong,.market-filter-trust small{display:block;margin:0}.market-filter-trust strong{font-size:9px}.market-filter-trust small{margin-top:3px;color:#858792;font-size:8px;line-height:1.45}.market-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.market-results-head h2{margin:0;font-size:19px}.market-results-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.market-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.market-mobile-filter{display:none}.marketplace-list-page .pagination{margin-top:25px}
@media(max-width:1100px){.market-list-hero .container{grid-template-columns:1fr}.market-list-search{max-width:780px}.market-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.market-list-hero{padding-top:40px}.market-list-hero h1{font-size:34px}.market-list-search{grid-template-columns:1fr}.market-list-search>div{border-right:0;border-bottom:1px solid #eceaf2}.market-list-layout{grid-template-columns:1fr}.market-filter-panel{position:static;display:none}.market-filter-panel.open{display:block}.market-mobile-filter{display:inline-flex}.market-results-grid{grid-template-columns:1fr}}

/* v9 education store */
.public-support-bar{background:#f5f7fb;border-bottom:1px solid var(--border);font-size:11px;color:#8a93a7}.public-support-bar .container{min-height:34px;display:flex;align-items:center;justify-content:flex-end;gap:24px}.public-support-bar span,.public-support-bar a{display:inline-flex;align-items:center;gap:6px}.global-campaign{color:#fff;font-size:13px;font-weight:600}.global-campaign .container{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px}.global-campaign span,.global-campaign a{display:flex;align-items:center;gap:9px}.global-campaign a{padding:8px 13px;border-radius:10px;background:#fff;color:#252b3c;font-weight:800}.global-campaign-purple{background:linear-gradient(90deg,#6f4df7,#8c55f4)}.global-campaign-blue{background:linear-gradient(90deg,#145de8,#3286ff)}.global-campaign-orange{background:linear-gradient(90deg,#ff7a1a,#ffad1f)}.global-campaign-dark{background:#19263a}.nav-cart{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:11px;background:#fff}.nav-cart b{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#ff4d6d;color:#fff;font-size:9px}.nav-mega-menu{left:0;right:auto;width:340px}.nav-mega-menu a{align-items:flex-start!important}.nav-mega-menu strong,.nav-mega-menu small{display:block}.nav-mega-menu small{margin-top:2px;color:var(--muted);font-size:9px;font-weight:500}.store-page{background:#fff}.store-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#1766ee;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.store-hero{position:relative;overflow:hidden;padding:76px 0 72px;background:linear-gradient(180deg,#fff 0,#f7faff 100%);border-bottom:1px solid #e9edf5}.store-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.store-hero-copy h1{max-width:650px;margin:18px 0 18px;font-family:"Manrope",sans-serif;font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:-3.6px}.store-hero-copy h1 span{color:#2176ff}.store-hero-copy>p{max-width:620px;margin:0;color:#536078;font-size:17px;line-height:1.65}.store-hero-shape{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6}.shape-a{width:340px;height:340px;right:-120px;top:-100px;background:#e5d9ff}.shape-b{width:190px;height:190px;left:-80px;bottom:-90px;background:#d9f6ff}.shape-c{width:110px;height:110px;right:43%;bottom:20px;background:#fff0b3}.store-hero-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:28px;padding:7px;border:1px solid #dfe6f2;border-radius:17px;background:#fff;box-shadow:0 18px 50px rgba(28,65,130,.1)}.store-hero-search>span{width:44px;height:44px;display:grid;place-items:center;color:#2176ff}.store-hero-search input{min-width:0;border:0;outline:0;font-size:14px}.store-hero-search button{min-height:48px;padding:0 21px;border:0;border-radius:12px;background:#2176ff;color:#fff;font-weight:800}.store-targets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px}.store-targets>span{margin-right:5px;color:#7d8799;font-size:11px;font-weight:700}.store-targets a{padding:7px 11px;border:1px solid #dbe2ee;border-radius:9px;background:#fff;color:#34415a;font-size:11px;font-weight:700}.store-targets a:hover{border-color:#2176ff;color:#2176ff}.store-trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:#69758a;font-size:11px;font-weight:650}.store-trust-row span{display:flex;align-items:center;gap:6px}.store-trust-row svg{color:#2176ff}.store-hero-art{position:relative;min-height:520px}.store-art-frame{position:absolute;inset:24px 10px 15px 30px;border:1px dashed #9fc6ff;border-radius:30px;background:linear-gradient(160deg,#eef5ff,#fff);box-shadow:0 35px 90px rgba(41,94,177,.13)}.store-art-top{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:22px}.store-art-top span{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:1px solid #e0e8f4;border-radius:12px;background:#fff;color:#35445d;font-size:10px;font-weight:700}.store-art-top svg{color:#2176ff}.store-art-person{position:absolute;left:50%;bottom:10px;width:255px;height:325px;transform:translateX(-50%);filter:drop-shadow(0 23px 30px rgba(33,73,137,.2))}.person-head{position:absolute;left:91px;top:10px;width:76px;height:86px;border-radius:48% 48% 44% 44%;background:#f1b490;box-shadow:inset 0 18px 0 #40334e}.person-body{position:absolute;left:37px;bottom:36px;width:185px;height:225px;border-radius:95px 95px 30px 30px;background:linear-gradient(155deg,#ffb70a,#ff7b27)}.person-laptop{position:absolute;left:13px;bottom:0;width:230px;height:92px;border-radius:12px;background:linear-gradient(180deg,#dce4f1,#8d9bb2);transform:perspective(300px) rotateX(15deg)}.store-floating-card{position:absolute;display:flex;align-items:center;gap:10px;min-width:160px;padding:12px;border:1px solid #e0e7f2;border-radius:15px;background:#fff;box-shadow:0 15px 35px rgba(36,78,148,.13)}.store-floating-card b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf4ff;color:#2176ff}.store-floating-card strong,.store-floating-card small{display:block}.store-floating-card strong{font-size:11px}.store-floating-card small{color:#8a94a6;font-size:8px}.card-one{left:-32px;top:145px}.card-two{right:-25px;top:215px}.card-three{left:18px;bottom:24px}.store-feature-strip{border-bottom:1px solid #e8edf5;background:#fff}.store-feature-strip .container{display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.store-feature-strip .container>div{display:flex;align-items:center;gap:10px;padding:22px 17px;border-right:1px solid #edf0f5}.store-feature-strip .container>div:last-child{border-right:0}.store-feature-strip svg{width:27px;height:27px;color:#2176ff}.store-feature-strip strong,.store-feature-strip small{display:block}.store-feature-strip strong{font-size:11px}.store-feature-strip small{color:#8892a4;font-size:9px}.store-section{padding:72px 0}.store-category-section{background:#f7faff}.store-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.store-section-head h2{margin:7px 0 4px;font-family:"Manrope",sans-serif;font-size:clamp(28px,3vw,42px);letter-spacing:-1.8px}.store-section-head p{margin:0;color:var(--muted)}.store-section-head>a{display:flex;align-items:center;gap:6px;color:#2176ff;font-size:12px;font-weight:800}.store-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.store-category-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:20px;border:1px solid #e1e7f0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(35,76,142,.05);transition:.2s}.store-category-card:hover,.store-category-card.active{transform:translateY(-4px);border-color:#a9c9ff;box-shadow:0 18px 40px rgba(35,76,142,.1)}.store-category-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#eaf3ff;color:#2176ff}.store-category-card h3{margin:0 0 4px;font-size:16px}.store-category-card p{margin:0;color:#768197;font-size:10px;line-height:1.45}.store-category-card small{display:block;margin-top:7px;color:#2176ff;font-size:9px;font-weight:700}.store-shop-layout{display:grid;grid-template-columns:235px 1fr;gap:24px;align-items:start}.store-filter-panel{position:sticky;top:90px;padding:20px;border:1px solid #e1e6ef;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(31,68,128,.05)}.store-filter-panel .form-group{margin-bottom:14px}.store-filter-panel .form-control{min-height:42px;font-size:11px}.store-filter-help{display:flex;gap:9px;margin-top:18px;padding:12px;border-radius:12px;background:#f5f8fd;color:#6f7a8e;font-size:9px}.store-filter-toggle{display:none}.store-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.store-product-card{overflow:hidden;border:1px solid #e0e6ef;border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(31,73,139,.06);transition:.23s}.store-product-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(31,73,139,.13)}.store-product-cover{position:relative;display:block;height:190px;overflow:hidden}.store-product-cover img{width:100%;height:100%;object-fit:cover}.store-product-gradient{position:absolute;inset:0}.store-gradient-0{background:linear-gradient(145deg,#d8e9ff,#8bc1ff)}.store-gradient-1{background:linear-gradient(145deg,#fff0ba,#ffb634)}.store-gradient-2{background:linear-gradient(145deg,#e8d8ff,#a56cff)}.store-gradient-3{background:linear-gradient(145deg,#d9fff5,#4dd6af)}.store-gradient-4{background:linear-gradient(145deg,#ffdce4,#ff758f)}.store-cover-icon{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.store-cover-icon svg{width:72px;height:72px;filter:drop-shadow(0 10px 20px rgba(20,44,88,.2))}.store-product-badge{position:absolute;left:14px;top:14px;padding:6px 9px;border-radius:8px;background:#ff3b78;color:#fff;font-size:9px}.store-type-pill{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.92);font-size:8px;font-weight:800}.store-product-body{padding:18px}.store-product-body>small{color:#8a94a6;font-size:9px;font-weight:700}.store-product-body h3{margin:7px 0 8px;font-size:17px;line-height:1.3}.store-product-body>p{min-height:48px;margin:0 0 12px;color:#68758b;font-size:10px;line-height:1.55}.store-product-body ul{display:grid;gap:6px;margin:0 0 15px;padding:0;list-style:none}.store-product-body li{display:flex;align-items:center;gap:6px;color:#526079;font-size:9px}.store-product-body li svg{color:#2176ff}.store-product-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #edf0f4}.store-price del,.store-price strong,.store-price small{display:block}.store-price del{color:#a3a9b6;font-size:9px}.store-price strong{font-family:"Manrope";font-size:22px}.store-price small{color:#8390a5;font-size:8px}.store-card-arrow{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#2176ff;color:#fff}.store-empty{display:grid;place-items:center;padding:62px 28px;text-align:center;border:1px dashed #cbd6e7;border-radius:24px;background:#fbfdff}.store-empty>span{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:#eaf3ff;color:#2176ff}.store-empty>span svg{width:36px;height:36px}.store-empty h1,.store-empty h2,.store-empty h3{margin:18px 0 7px}.store-empty p{max-width:550px;margin:0 0 18px;color:var(--muted)}.store-proof{padding:78px 0;background:#19283d;color:#fff}.store-proof>.container{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.store-proof h2{margin:10px 0 12px;font-family:"Manrope";font-size:clamp(30px,4vw,48px);line-height:1.05}.store-proof p{color:#bdc8d7}.store-proof-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.store-proof-steps article{position:relative;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06)}.store-proof-steps article>b{position:absolute;right:14px;top:10px;color:rgba(255,255,255,.15);font-size:28px}.store-proof-steps article>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#2176ff}.store-proof-steps h3{margin:16px 0 7px}.store-proof-steps p{margin:0;font-size:10px}.store-numbers{padding:28px 0;border-bottom:1px solid var(--border)}.store-numbers .container{display:grid;grid-template-columns:repeat(4,1fr)}.store-numbers .container>div{text-align:center;border-right:1px solid var(--border)}.store-numbers .container>div:last-child{border-right:0}.store-numbers strong,.store-numbers span{display:block}.store-numbers strong{font-family:"Manrope";font-size:27px}.store-numbers span{color:#8b94a5;font-size:9px}.store-breadcrumb{padding:14px 0;border-bottom:1px solid var(--border);background:#fafbfd}.store-breadcrumb .container{display:flex;align-items:center;gap:7px;color:#8791a3;font-size:10px}.store-breadcrumb a:hover{color:#2176ff}.product-hero{padding:54px 0 62px;background:linear-gradient(180deg,#fff,#f7faff)}.product-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.product-visual{position:relative;min-height:455px;overflow:hidden;border-radius:30px;box-shadow:0 30px 70px rgba(39,79,145,.16)}.product-visual img,.product-visual-gradient{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-visual-icon{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.product-visual-icon svg{width:125px;height:125px}.product-visual-chips{position:absolute;left:18px;right:18px;bottom:18px;display:flex;gap:8px}.product-visual-chips span{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.92);font-size:9px;font-weight:700}.product-summary{position:relative}.product-badge-large{display:inline-flex;margin-left:9px;padding:6px 9px;border-radius:8px;background:#ff3b78;color:#fff;font-size:9px;font-weight:800}.product-summary h1{margin:15px 0 13px;font-family:"Manrope";font-size:clamp(36px,4.5vw,58px);line-height:1;letter-spacing:-2.6px}.product-lead{color:#5f6b80;font-size:16px}.product-meta-row{display:flex;flex-wrap:wrap;gap:13px;margin:22px 0}.product-meta-row span{display:flex;align-items:center;gap:6px;color:#677389;font-size:10px}.product-meta-row svg{color:#2176ff}.product-price-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px;border:1px solid #dbe4f0;border-radius:17px;background:#fff}.product-price-box del,.product-price-box strong,.product-price-box small{display:block}.product-price-box del{color:#a0a8b6;font-size:10px}.product-price-box strong{font-family:"Manrope";font-size:32px}.product-price-box small{color:#8993a5;font-size:9px}.product-price-box>span{display:flex;align-items:center;gap:7px;color:#2176ff;font-size:10px;font-weight:700}.product-buy-form{display:flex;align-items:center;gap:9px;margin-top:17px}.product-buy-form label{display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--border);border-radius:11px;font-size:10px;font-weight:700}.product-buy-form select{height:48px;border:0;background:transparent}.product-guarantees{display:grid;gap:8px;margin-top:17px;color:#758196;font-size:9px}.product-guarantees span{display:flex;align-items:center;gap:6px}.product-details{padding:70px 0;background:#f7f9fc}.product-details-grid{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start}.product-detail-card{padding:27px;border:1px solid #e0e6ef;border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(34,70,128,.04)}.product-detail-card+ .product-detail-card{margin-top:18px}.product-detail-card h2{margin:8px 0 20px;font-family:"Manrope";font-size:28px}.product-rich-text{color:#5e6b80;line-height:1.8}.product-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-benefit-grid>div,.linked-content-grid>div{display:flex;gap:11px;padding:14px;border:1px solid #e7ebf2;border-radius:14px}.product-benefit-grid>div>span,.linked-content-grid>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:#2176ff;flex:0 0 auto}.product-benefit-grid h3,.linked-content-grid h3{margin:0 0 4px;font-size:13px}.product-benefit-grid p,.linked-content-grid p{margin:0;color:#778297;font-size:9px}.product-sticky{position:sticky;top:90px}.product-sticky-card{padding:23px;border:1px solid #dce4ef;border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(33,73,137,.09)}.product-sticky-card>span{width:55px;height:55px;display:grid;place-items:center;border-radius:16px;background:#eaf3ff;color:#2176ff}.product-sticky-card h3{margin:15px 0}.product-sticky-card ul{display:grid;gap:8px;padding:0;list-style:none}.product-sticky-card li{display:flex;align-items:center;gap:7px;color:#657187;font-size:10px}.product-sticky-card>strong{display:block;margin:18px 0 12px;font-family:"Manrope";font-size:30px}.product-sticky-card>small{display:block;margin-top:10px;color:#8a94a6;font-size:8px;text-align:center}.linked-group-list{display:grid;gap:10px}.linked-group-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #e6eaf1;border-radius:13px}.linked-group-date{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#2176ff;color:#fff;font-size:8px}.linked-group-date b{font-size:17px;line-height:1}.linked-group-list h3{margin:0}.linked-group-list p{margin:2px 0 0;color:#7d8798;font-size:9px}.linked-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product-faqs{display:grid;gap:8px}.product-faqs details{border:1px solid #e4e9f1;border-radius:13px;background:#fff}.product-faqs summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;cursor:pointer;font-size:11px;font-weight:800}.product-faqs p{padding:0 14px 14px;margin:0;color:#68758a;font-size:10px}.product-reviews{padding:70px 0;background:#19283d;color:#fff}.product-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-review-grid article{padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.06)}.product-review-grid article>div{color:#ffc83d}.product-review-grid p{color:#d0d8e3}.product-review-grid strong,.product-review-grid small{display:block}.product-review-grid small{color:#8fa0b5}.store-cart-shell{min-height:72vh;padding:52px 0 80px;background:#f7f9fc}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.cart-items{padding:22px}.cart-item{display:grid;grid-template-columns:110px 1fr 120px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.cart-item:first-child{padding-top:0}.cart-item-cover{height:90px;display:grid;place-items:center;border-radius:15px;color:#fff;overflow:hidden}.cart-item-cover img{width:100%;height:100%;object-fit:cover}.cart-item-cover svg{width:38px;height:38px}.cart-item-info small,.cart-item-info span{color:#8993a5;font-size:8px}.cart-item-info h2{margin:5px 0;font-size:16px}.cart-item-info p{margin:0 0 6px;color:#657188;font-size:9px}.cart-item-quantity{display:grid;gap:7px;justify-items:end}.cart-item-quantity label{font-size:8px;color:#8a94a6}.cart-item-quantity input{display:block;width:65px;margin-top:3px;padding:7px;border:1px solid var(--border);border-radius:8px}.text-button{padding:0;border:0;background:transparent;color:#d13a50;font-size:9px;font-weight:700}.cart-summary{position:sticky;top:90px}.summary-row.discount{color:#0f8a63}.coupon-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin:15px 0}.coupon-form .form-control{min-height:42px}.cart-security{display:grid;gap:8px;margin-top:17px;color:#7d8798;font-size:9px}.cart-security span{display:flex;align-items:center;gap:6px}.checkout-product-row,.checkout-summary-item,.order-line{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.checkout-product-row>div,.order-line>div{flex:1}.checkout-product-row strong,.checkout-product-row small,.order-line strong,.order-line small{display:block}.checkout-product-row small,.order-line small{color:#8791a3;font-size:9px}.checkout-summary-item{justify-content:space-between;font-size:10px}.order-card-list{display:grid;gap:12px}.order-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:17px;background:#fff}.order-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eaf3ff;color:#2176ff}.order-card h2{margin:3px 0;font-size:15px}.order-card p,.order-card small{margin:0;color:#8490a4;font-size:9px}.order-card-actions{display:flex;gap:7px}.order-view-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.order-total-card{position:sticky;top:90px}.package-wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-wallet-card{padding:22px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(32,72,137,.05)}.package-wallet-card.expired{opacity:.65}.package-wallet-top{display:flex;align-items:center;justify-content:space-between}.package-wallet-top>span:first-child{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eaf3ff;color:#2176ff}.package-wallet-card>small{display:block;margin-top:15px;color:#2176ff;font-size:8px;font-weight:800;text-transform:uppercase}.package-wallet-card h2{margin:5px 0;font-size:18px}.package-wallet-card>p{min-height:42px;color:#758095;font-size:10px}.package-usage{margin:16px 0}.package-usage>div:first-child{display:flex;justify-content:space-between;font-size:10px}.usage-bar{height:7px;margin-top:7px;overflow:hidden;border-radius:99px;background:#edf0f5}.usage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2176ff,#7b5cff)}.package-wallet-meta{display:grid;gap:7px;margin-bottom:15px;color:#7d8798;font-size:9px}.package-wallet-meta span{display:flex;align-items:center;gap:6px}.store-admin-metrics{grid-template-columns:repeat(4,1fr)}.store-admin-links{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.store-admin-links>a{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--border);border-radius:16px;background:#fff}.store-admin-links>a>svg{width:32px;height:32px;color:#2176ff}.store-admin-links strong,.store-admin-links small{display:block}.store-admin-links small{color:#8791a4;font-size:8px}.store-admin-grid{grid-template-columns:1.2fr .8fr}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-form-grid.two{grid-template-columns:repeat(2,1fr)}.admin-form-grid.three{grid-template-columns:repeat(3,1fr)}.campaign-admin-list{display:grid;gap:8px;margin-top:18px}.campaign-admin-list>div{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:12px}.campaign-admin-list>div>div{flex:1}.campaign-admin-list strong,.campaign-admin-list small{display:block}.campaign-admin-list small{color:#8791a4;font-size:8px}.campaign-dot{width:13px;height:13px;border-radius:50%}.theme-purple{background:#7957ff}.theme-blue{background:#2176ff}.theme-orange{background:#ff8b24}.theme-dark{background:#19283d}.admin-order-mini{display:grid}.admin-order-mini>a{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.admin-order-mini strong,.admin-order-mini small,.admin-order-mini b{display:block}.admin-order-mini small{color:#8791a4;font-size:8px}.admin-order-mini>a>span:last-child{text-align:right}.product-admin-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}.product-admin-list{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto}.admin-product-list{display:grid;gap:9px}.admin-product-list article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:13px}.admin-product-list article>div:last-child{grid-column:2/4;display:flex;gap:6px}.admin-product-icon{position:relative;width:45px;height:45px;display:grid;place-items:center;border-radius:12px;color:#fff;overflow:hidden}.admin-product-icon svg{position:relative;z-index:1}.admin-product-list h3{margin:2px 0;font-size:12px}.admin-product-list p,.admin-product-list small{margin:0;color:#8590a4;font-size:8px}.admin-filter-row{display:grid;grid-template-columns:1fr 220px auto;gap:9px;margin-bottom:18px}
@media(max-width:1100px){.store-product-grid{grid-template-columns:repeat(2,1fr)}.store-category-grid{grid-template-columns:repeat(2,1fr)}.store-feature-strip .container{grid-template-columns:repeat(3,1fr)}.store-feature-strip .container>div:nth-child(3){border-right:0}.store-feature-strip .container>div:nth-child(n+4){border-top:1px solid #edf0f5}.package-wallet-grid{grid-template-columns:repeat(2,1fr)}.product-admin-layout{grid-template-columns:1fr}.product-admin-list{position:static;max-height:none}.store-admin-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.store-hero-grid,.store-proof>.container,.product-hero-grid,.product-details-grid,.cart-layout,.order-view-grid,.store-admin-grid{grid-template-columns:1fr}.store-hero-art{min-height:470px}.store-shop-layout{grid-template-columns:1fr}.store-filter-toggle{display:inline-flex}.store-filter-panel{display:none;position:static}.store-filter-panel.open{display:block}.product-sticky,.cart-summary,.order-total-card{position:static}.store-proof-steps{grid-template-columns:1fr}.product-benefit-grid,.linked-content-grid{grid-template-columns:1fr}.product-review-grid{grid-template-columns:1fr}.store-admin-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.public-support-bar .container{justify-content:center}.public-support-bar span:first-child{display:none}.global-campaign .container{min-height:58px}.global-campaign span{font-size:10px}.global-campaign span svg,.global-campaign span strong+*{display:none}.global-campaign a{font-size:9px}.nav-mega-menu{width:100%}.store-hero{padding:48px 0}.store-hero-copy h1{font-size:42px;letter-spacing:-2.4px}.store-hero-copy>p{font-size:14px}.store-hero-search{grid-template-columns:auto 1fr}.store-hero-search button{grid-column:1/3;width:100%}.store-hero-art{min-height:390px}.store-art-frame{inset:20px 0}.store-art-person{transform:translateX(-50%) scale(.82);transform-origin:bottom}.store-floating-card{min-width:135px;padding:9px}.card-one{left:-8px}.card-two{right:-8px}.card-three{left:4px}.store-feature-strip .container{grid-template-columns:1fr 1fr}.store-feature-strip .container>div{border-top:1px solid #edf0f5}.store-feature-strip .container>div:nth-child(odd){border-right:1px solid #edf0f5}.store-category-grid,.store-product-grid,.package-wallet-grid,.store-admin-links{grid-template-columns:1fr}.store-section{padding:52px 0}.store-section-head{align-items:flex-start;flex-direction:column}.store-numbers .container{grid-template-columns:1fr 1fr;gap:18px}.store-numbers .container>div:nth-child(2){border-right:0}.product-visual{min-height:330px}.product-summary h1{font-size:38px}.product-buy-form{align-items:stretch;flex-direction:column}.product-buy-form label{justify-content:space-between}.product-price-box{align-items:flex-start;flex-direction:column}.product-details{padding:45px 0}.product-detail-card{padding:19px}.cart-item{grid-template-columns:80px 1fr}.cart-item-quantity{grid-column:2;justify-items:start}.order-card{grid-template-columns:auto 1fr}.order-card>.status{grid-column:2}.order-card-actions{grid-column:1/3;flex-wrap:wrap}.store-admin-metrics,.admin-form-grid,.admin-form-grid.two,.admin-form-grid.three,.admin-filter-row{grid-template-columns:1fr}.store-admin-links>a{min-height:78px}.store-proof-steps article{padding:18px}}

/* v9.1: energetic education marketplace homepage */
.home-market-page { background: #fff; }
.home-market-page main { overflow: hidden; }
.experience-hero { position: relative; padding: 68px 0 78px; background: linear-gradient(180deg,#fff 0%,#fbfdff 100%); isolation: isolate; }
.experience-hero-filtered { padding-bottom: 58px; }
.experience-orb { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; z-index: -1; }
.experience-orb-one { width: 360px; height: 360px; right: -120px; top: 40px; background: rgba(43,117,255,.09); }
.experience-orb-two { width: 280px; height: 280px; left: -130px; bottom: -80px; background: rgba(255,190,42,.10); }
.experience-hero-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr); align-items: center; gap: 56px; }
.experience-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #1167e9; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.experience-hero-copy h1 { max-width: 650px; margin: 20px 0 20px; font-family: "Manrope",sans-serif; font-size: clamp(46px,5vw,68px); line-height: .98; letter-spacing: -4px; color: #121a2c; }
.experience-hero-copy h1 span { color: #2778f6; }
.experience-hero-copy > p { max-width: 640px; margin: 0; color: #56637a; font-size: 17px; line-height: 1.65; }
.experience-search { display: grid; grid-template-columns: auto 1fr auto; align-items: center; max-width: 670px; margin-top: 28px; padding: 7px; border: 1px solid #dfe7f3; border-radius: 16px; background: #fff; box-shadow: 0 18px 50px rgba(37,87,158,.10); }
.experience-search > span { display: grid; place-items: center; width: 42px; height: 42px; color: #2b76f6; }
.experience-search input { min-width: 0; height: 44px; border: 0; outline: 0; color: #1b263a; background: transparent; }
.experience-search button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 45px; padding: 0 18px; border: 0; border-radius: 11px; background: linear-gradient(135deg,#2378ff,#5f5cf7); color: #fff; font-size: 12px; font-weight: 800; box-shadow: 0 10px 24px rgba(35,120,255,.24); }
.experience-target-label { margin-top: 22px; color: #2471ef; font-size: 12px; font-weight: 800; }
.experience-targets { display: flex; flex-wrap: wrap; gap: 8px; max-width: 680px; margin-top: 10px; }
.experience-targets a { padding: 8px 13px; border: 1px solid #d6dfed; border-radius: 10px; background: #fff; color: #344156; font-size: 11px; font-weight: 800; box-shadow: 0 4px 12px rgba(38,67,109,.04); transition: .2s ease; }
.experience-targets a:hover { transform: translateY(-2px); border-color: #78a9ff; color: #1766e4; box-shadow: 0 8px 18px rgba(37,117,247,.10); }
.experience-hero-proof { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 26px; color: #77849a; font-size: 11px; }
.experience-hero-proof span { display: flex; align-items: baseline; gap: 5px; }
.experience-hero-proof strong { color: #182237; font-size: 18px; }
.experience-hero-visual { min-height: 590px; position: relative; }
.experience-journey { position: relative; z-index: 4; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto; align-items: start; gap: 10px; padding: 8px 2px 0; }
.experience-journey a { display: grid; justify-items: center; gap: 7px; min-width: 72px; text-align: center; color: #27344b; font-size: 10px; font-weight: 800; line-height: 1.25; }
.experience-journey b { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(145deg,#0b6af4,#5b8fff); color: #fff; box-shadow: 0 12px 24px rgba(33,115,247,.25); transform: rotate(-4deg); }
.experience-journey a:nth-of-type(2) b { background: linear-gradient(145deg,#21b8a7,#29d4bd); transform: rotate(4deg); }
.experience-journey a:nth-of-type(3) b { background: linear-gradient(145deg,#725cff,#946dff); }
.experience-journey a:nth-of-type(4) b { background: linear-gradient(145deg,#ff9b24,#ffc12f); }
.experience-journey a:nth-of-type(5) b { background: linear-gradient(145deg,#ff5574,#ff7a91); }
.experience-journey i { height: 1px; margin-top: 22px; border-top: 1px dashed #a9c4ef; }
.experience-collage { position: absolute; inset: 96px 0 0; border: 1px dashed #bcd1f2; border-radius: 30px; background: linear-gradient(155deg,#eaf3ff 0%,#f8fbff 52%,#fff7dc 100%); overflow: hidden; }
.experience-collage::before { content: ""; position: absolute; width: 370px; height: 370px; left: 50%; bottom: -125px; transform: translateX(-50%); border-radius: 50%; background: #2f80ff; opacity: .96; }
.experience-doodle { position: absolute; display: block; }
.doodle-sun { left: 32px; bottom: 70px; width: 80px; height: 80px; border: 12px solid #ffbd00; border-radius: 50%; border-right-color: transparent; border-bottom-color: transparent; transform: rotate(-22deg); }
.doodle-wave { right: 28px; bottom: 42px; width: 105px; height: 46px; border-top: 8px solid #ff8262; border-radius: 50%; transform: rotate(-6deg); }
.doodle-wave::after { content: ""; position: absolute; inset: 13px 0 auto; height: 10px; border-top: 7px solid #ffc04d; border-radius: 50%; }
.doodle-dot { right: 54px; top: 105px; width: 14px; height: 14px; border-radius: 50%; background: #735fff; box-shadow: 22px 18px 0 #ff5574, -18px 35px 0 #18bba9, 30px 55px 0 #ffb800; }
.experience-phone { position: absolute; left: 52px; bottom: 48px; width: 170px; height: 330px; padding: 10px; border-radius: 31px; background: #111827; transform: rotate(-9deg); box-shadow: 0 28px 55px rgba(26,54,93,.28); z-index: 2; }
.experience-phone-top { width: 56px; height: 13px; margin: 0 auto 9px; border-radius: 0 0 12px 12px; background: #050a12; }
.experience-phone-screen { height: calc(100% - 22px); padding: 25px 16px; border-radius: 22px; background: linear-gradient(180deg,#fff,#edf5ff); color: #22304a; }
.experience-phone-screen .screen-label { display: block; color: #6680a3; font-size: 8px; text-transform: uppercase; font-weight: 800; }
.experience-phone-screen strong { display: block; margin-top: 22px; font-size: 20px; line-height: 1.15; }
.experience-phone-screen small { display: block; margin-top: 8px; color: #70809a; font-size: 9px; }
.screen-progress { height: 8px; margin: 22px 0; border-radius: 99px; background: #d9e6f7; overflow: hidden; }
.screen-progress i { display: block; width: 64%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#2c7bf7,#6b5cf7); }
.screen-actions { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.screen-actions b { display: grid; place-items: center; height: 38px; border-radius: 11px; color: #2f72df; background: #fff; box-shadow: 0 5px 15px rgba(43,92,153,.08); }
.experience-person { position: absolute; left: 50%; bottom: 0; width: 290px; height: 420px; transform: translateX(-40%); z-index: 3; }
.experience-person-ring { position: absolute; inset: 4px 12px 28px; border: 18px solid #2380ff; border-radius: 48% 48% 42% 42%; background: #fff; box-shadow: 0 25px 55px rgba(27,100,218,.22); }
.experience-person img,.experience-person-placeholder { position: absolute; left: 50%; bottom: 52px; width: 225px; height: 300px; transform: translateX(-50%); object-fit: cover; object-position: top center; border-radius: 48% 48% 34% 34%; z-index: 2; }
.experience-person-placeholder { display: grid; place-items: center; background: linear-gradient(160deg,#ffe2b7,#ffb868 45%,#705cf7 46%,#4334bf); color: #fff; font-size: 82px; font-weight: 800; }
.experience-person-card { position: absolute; left: 50%; bottom: 20px; width: 225px; transform: translateX(-50%); z-index: 4; padding: 12px 14px; border: 1px solid rgba(255,255,255,.7); border-radius: 14px; background: rgba(255,255,255,.92); box-shadow: 0 14px 35px rgba(25,66,129,.18); backdrop-filter: blur(10px); }
.experience-person-card strong,.experience-person-card span { display: block; }
.experience-person-card strong { font-size: 12px; }
.experience-person-card span { margin-top: 2px; color: #6d7890; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.experience-mini-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 9px; min-width: 150px; padding: 11px 13px; border-radius: 14px; background: rgba(255,255,255,.94); color: #1c2a40; box-shadow: 0 16px 35px rgba(37,72,123,.15); backdrop-filter: blur(9px); }
.experience-mini-card > svg { color: #2477ef; }
.experience-mini-card strong,.experience-mini-card small { display: block; }
.experience-mini-card strong { font-size: 10px; }
.experience-mini-card small { color: #7a879a; font-size: 8px; }
.mini-card-one { right: 18px; top: 92px; }
.mini-card-two { right: 26px; bottom: 44px; }
.experience-solution-strip { position: relative; z-index: 4; border-top: 1px solid #edf1f7; border-bottom: 1px solid #edf1f7; background: #fff; box-shadow: 0 12px 30px rgba(35,70,117,.04); }
.experience-solution-strip .container { display: grid; grid-template-columns: repeat(5,1fr); }
.experience-solution-strip a { display: flex; align-items: center; gap: 12px; min-height: 96px; padding: 15px 20px; border-right: 1px solid #edf1f7; transition: .2s ease; }
.experience-solution-strip a:last-child { border-right: 0; }
.experience-solution-strip a:hover { background: #f6f9ff; color: #1769e8; }
.experience-solution-strip a > svg { width: 29px; height: 29px; color: #2476f0; flex: 0 0 auto; }
.experience-solution-strip strong,.experience-solution-strip small { display: block; }
.experience-solution-strip strong { font-size: 12px; }
.experience-solution-strip small { margin-top: 3px; color: #8490a4; font-size: 9px; line-height: 1.3; }
.experience-section { padding: 86px 0; }
.experience-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 34px; }
.experience-section-head h2 { max-width: 760px; margin: 10px 0 8px; font-family: "Manrope",sans-serif; font-size: clamp(31px,4vw,48px); line-height: 1.04; letter-spacing: -2.3px; }
.experience-section-head p { max-width: 670px; margin: 0; color: #69768b; font-size: 14px; }
.experience-market-section { background: #fff; }
.experience-product-showcase,.experience-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.experience-product-showcase .store-product-card,.experience-product-grid .store-product-card { min-width: 0; }
.experience-product-empty { display: flex; align-items: center; gap: 20px; padding: 28px; border: 1px dashed #bbcae0; border-radius: 22px; background: linear-gradient(135deg,#f6faff,#fff); }
.experience-product-empty > span { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 19px; background: #e9f2ff; color: #2376ed; }
.experience-product-empty > div { flex: 1; }
.experience-product-empty h3 { margin: 0 0 5px; }
.experience-product-empty p { margin: 0; color: #758198; font-size: 12px; }
.experience-feature-block { padding: 96px 0; }
.experience-feature-private { background: #f7f9fd; }
.experience-feature-groups { background: #eaf3ff; }
.experience-feature-platform { background: #fff; }
.experience-feature-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 76px; }
.experience-feature-grid.reverse > :first-child { order: 1; }
.experience-feature-grid.reverse > :last-child { order: 2; }
.experience-feature-copy h2 { max-width: 620px; margin: 13px 0 18px; font-family: "Manrope",sans-serif; font-size: clamp(35px,4.5vw,54px); line-height: 1.02; letter-spacing: -2.8px; }
.experience-feature-copy > p { max-width: 680px; margin: 0; color: #5f6e84; font-size: 15px; line-height: 1.75; }
.experience-check-list { display: grid; gap: 18px; padding: 0; margin: 28px 0; list-style: none; }
.experience-check-list li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; }
.experience-check-list li > svg { color: #2677ef; margin-top: 2px; }
.experience-check-list strong,.experience-check-list small { display: block; }
.experience-check-list strong { font-size: 13px; }
.experience-check-list small { margin-top: 4px; color: #6f7c91; font-size: 11px; line-height: 1.55; }
.experience-tutor-visual { position: relative; min-height: 520px; }
.visual-scribble { position: absolute; left: 45px; top: 30px; width: 360px; height: 360px; border: 18px solid #ffbc00; border-radius: 48% 52% 45% 55%; transform: rotate(-8deg); opacity: .92; }
.visual-scribble::after { content: ""; position: absolute; inset: 40px -60px -70px 80px; border: 9px solid #2478f2; border-radius: 50%; transform: rotate(16deg); }
.visual-tutor-card { position: absolute; left: 88px; top: 70px; width: 360px; min-height: 350px; padding: 30px; border-radius: 30px; background: linear-gradient(160deg,#2377f5,#725af7); color: #fff; box-shadow: 0 34px 70px rgba(42,91,181,.25); }
.visual-avatar { width: 150px; height: 150px; overflow: hidden; border: 6px solid rgba(255,255,255,.8); border-radius: 44% 44% 26% 26%; background: #fff; }
.visual-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.visual-avatar span { width: 100%; height: 100%; display: grid; place-items: center; background: #ffbd61; color: #3b2d6a; font-size: 50px; font-weight: 800; }
.visual-tutor-card small { display: block; margin-top: 20px; color: #dce7ff; font-size: 9px; text-transform: uppercase; font-weight: 800; }
.visual-tutor-card h3 { margin: 6px 0 4px; font-size: 23px; }
.visual-tutor-card p { margin: 0; color: #e5eaff; font-size: 11px; }
.visual-rating { position: absolute; right: 24px; top: 25px; display: flex; align-items: center; gap: 4px; padding: 8px 10px; border-radius: 999px; background: rgba(255,255,255,.16); color: #fff; font-size: 11px; }
.visual-rating svg { color: #ffd34f; }
.visual-classroom-card,.visual-calendar-card { position: absolute; z-index: 3; border: 1px solid #e6ebf2; background: #fff; box-shadow: 0 20px 40px rgba(35,72,121,.14); }
.visual-classroom-card { right: 0; bottom: 36px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 11px; width: 300px; padding: 15px; border-radius: 18px; }
.visual-classroom-card > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: #e9f2ff; color: #2476ed; }
.visual-classroom-card strong,.visual-classroom-card small { display: block; }
.visual-classroom-card strong { font-size: 11px; }
.visual-classroom-card small { color: #7c8799; font-size: 8px; }
.visual-classroom-card > b { color: #17a77e; }
.visual-calendar-card { left: 0; bottom: 58px; display: flex; align-items: center; gap: 12px; width: 220px; padding: 14px; border-radius: 18px; }
.visual-calendar-card > span { width: 46px; height: 51px; display: grid; place-items: center; border-radius: 13px; background: #ffeff2; color: #ef4569; font-size: 20px; font-weight: 800; }
.visual-calendar-card strong,.visual-calendar-card small { display: block; }
.visual-calendar-card strong { font-size: 10px; }
.visual-calendar-card small { color: #7b8798; font-size: 8px; }
.experience-group-visual { position: relative; min-height: 530px; }
.experience-laptop { position: absolute; left: 10px; right: 25px; top: 50px; height: 360px; }
.laptop-camera { position: absolute; z-index: 3; top: 8px; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: #6f7d8e; }
.laptop-screen { position: absolute; inset: 0 38px 55px; padding: 25px; border: 14px solid #1b2431; border-radius: 20px; background: linear-gradient(145deg,#fff,#eef5ff); box-shadow: 0 28px 50px rgba(37,75,129,.20); overflow: hidden; }
.laptop-screen::before { content: ""; position: absolute; width: 250px; height: 250px; right: -80px; bottom: -100px; border-radius: 50%; background: #ff657b; opacity: .18; }
.screen-teacher { position: relative; z-index: 2; display: flex; align-items: center; gap: 10px; color: #1e2a40; }
.screen-teacher span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 17px; background: #2478f3; color: #fff; }
.screen-teacher b { font-size: 15px; }
.screen-students { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 35px; }
.screen-students i { height: 72px; border-radius: 12px; background: linear-gradient(160deg,#ffd29b,#ff9b45); }
.screen-students i:nth-child(2) { background: linear-gradient(160deg,#c6b9ff,#6e5af6); }
.screen-students i:nth-child(3) { background: linear-gradient(160deg,#a7eee5,#19baa6); }
.screen-students i:nth-child(4) { background: linear-gradient(160deg,#ffc4d1,#f15072); }
.screen-note { margin-top: 18px; padding: 11px 13px; border-radius: 12px; background: #fff; color: #55647c; font-size: 9px; box-shadow: 0 8px 20px rgba(35,73,128,.08); }
.laptop-base { position: absolute; left: 0; right: 0; bottom: 33px; height: 35px; border-radius: 6px 6px 26px 26px; background: linear-gradient(180deg,#cbd3dc,#8895a4); box-shadow: 0 15px 30px rgba(42,63,91,.20); }
.experience-next-group { position: absolute; right: 0; bottom: 30px; width: 285px; padding: 17px 19px; border-radius: 18px; background: #fff; box-shadow: 0 20px 45px rgba(36,76,134,.18); border: 1px solid #dfe8f5; }
.experience-next-group small,.experience-next-group strong,.experience-next-group span { display: block; }
.experience-next-group small { color: #2374e9; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.experience-next-group strong { margin-top: 5px; font-size: 12px; }
.experience-next-group span { margin-top: 5px; color: #7a8798; font-size: 8px; }
.experience-module-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 28px 0; }
.experience-module-grid article { display: grid; grid-template-columns: 40px 1fr; gap: 4px 11px; padding: 16px; border: 1px solid #e4e9f1; border-radius: 17px; background: #fff; box-shadow: 0 8px 25px rgba(35,72,120,.05); }
.experience-module-grid article > svg { grid-row: 1/3; width: 27px; height: 27px; color: #2475ed; margin-top: 2px; }
.experience-module-grid strong { font-size: 11px; }
.experience-module-grid span { color: #778399; font-size: 8px; line-height: 1.45; }
.experience-dashboard-visual { position: relative; min-height: 500px; }
.dashboard-device { position: absolute; inset: 40px 15px 60px 15px; border: 10px solid #192333; border-radius: 28px; background: #fff; box-shadow: 0 35px 70px rgba(36,72,125,.22); transform: rotate(2deg); overflow: hidden; }
.dashboard-device-bar { height: 34px; display: flex; align-items: center; gap: 5px; padding: 0 14px; background: #eef3f8; }
.dashboard-device-bar i { width: 7px; height: 7px; border-radius: 50%; background: #ff6579; }
.dashboard-device-bar i:nth-child(2) { background: #ffbe2e; }
.dashboard-device-bar i:nth-child(3) { background: #24c59e; }
.dashboard-device-body { display: grid; grid-template-columns: 95px 1fr; min-height: 330px; }
.dashboard-mini-sidebar { display: grid; align-content: start; gap: 17px; padding: 21px 14px; background: #17243a; }
.dashboard-mini-sidebar b { height: 18px; border-radius: 7px; background: #5d6cf7; }
.dashboard-mini-sidebar span { height: 9px; border-radius: 99px; background: rgba(255,255,255,.18); }
.dashboard-mini-content { padding: 30px 27px; }
.dashboard-mini-content > strong { font-size: 16px; }
.dashboard-chart { display: flex; align-items: end; gap: 10px; height: 130px; margin: 25px 0; padding: 15px; border-radius: 15px; background: #f4f7fb; }
.dashboard-chart i { flex: 1; height: 35%; border-radius: 8px 8px 3px 3px; background: #9fc4ff; }
.dashboard-chart i:nth-child(2) { height: 58%; }
.dashboard-chart i:nth-child(3) { height: 47%; }
.dashboard-chart i:nth-child(4) { height: 82%; background: #5b6df8; }
.dashboard-chart i:nth-child(5) { height: 70%; background: #28bea8; }
.dashboard-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.dashboard-cards span { padding: 10px; border-radius: 12px; background: #eef4ff; color: #6f7c90; font-size: 8px; }
.dashboard-cards b { color: #1d2c43; font-size: 14px; }
.dashboard-float { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; min-width: 210px; padding: 13px 15px; border: 1px solid #e0e6ef; border-radius: 16px; background: #fff; box-shadow: 0 18px 40px rgba(35,71,120,.16); }
.dashboard-float > svg { color: #2677f0; }
.dashboard-float strong,.dashboard-float small { display: block; }
.dashboard-float strong { font-size: 10px; }
.dashboard-float small { color: #7b8799; font-size: 8px; }
.float-quiz { left: 0; top: 15px; }
.float-report { right: 0; bottom: 28px; }
.experience-reviews { padding: 92px 0; background: #17263b; color: #fff; }
.experience-section-head.light p { color: #aebbd0; }
.experience-section-head.light .experience-eyebrow { color: #75a9ff; }
.experience-slider-buttons { display: flex; gap: 10px; }
.experience-slider-buttons button { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: transparent; color: #fff; font-size: 25px; }
.experience-review-track { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.experience-review-track::-webkit-scrollbar { display: none; }
.experience-review-card { min-width: min(420px,80vw); min-height: 280px; padding: 28px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: rgba(255,255,255,.06); scroll-snap-align: start; }
.experience-stars { display: flex; gap: 3px; color: #ffca3c; }
.experience-review-card > p { margin: 30px 0; color: #f2f5fb; font-size: 16px; line-height: 1.65; }
.experience-review-card footer { display: flex; align-items: center; gap: 12px; }
.experience-review-card footer > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #2479f4; font-weight: 800; }
.experience-review-card footer strong,.experience-review-card footer small { display: block; }
.experience-review-card footer small { color: #9fb0c8; font-size: 9px; }
.experience-institutions { padding: 38px 0; border-bottom: 1px solid #e8edf4; background: #fff; }
.experience-institutions p { margin: 0 0 20px; text-align: center; color: #6d788d; font-size: 12px; font-weight: 700; }
.experience-institutions .container > div { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px; }
.experience-institutions span { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid #e2e7ef; border-radius: 12px; color: #556176; background: #fff; }
.experience-institutions span svg { color: #2375ec; }
.experience-institutions strong,.experience-institutions small { display: block; }
.experience-institutions strong { font-size: 10px; }
.experience-institutions small { color: #8a94a4; font-size: 8px; }
.experience-catalog-section { background: #f6f8fb; }
.experience-category-tabs { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 12px; margin-bottom: 24px; scrollbar-width: none; }
.experience-category-tabs::-webkit-scrollbar { display: none; }
.experience-category-tabs a { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 9px 12px; border: 1px solid #dce3ed; border-radius: 11px; background: #fff; color: #56637a; font-size: 10px; font-weight: 800; }
.experience-category-tabs a.active { border-color: #2478f3; background: #2478f3; color: #fff; }
.experience-category-tabs small { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: rgba(0,0,0,.06); font-size: 7px; }
.experience-shop-layout { align-items: start; }
.experience-final-cta { padding: 70px 0; background: linear-gradient(135deg,#1a2b43,#223b5e); color: #fff; }
.experience-final-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.experience-final-cta h2 { max-width: 760px; margin: 10px 0 9px; font-family: "Manrope",sans-serif; font-size: clamp(30px,4vw,46px); line-height: 1.05; letter-spacing: -2px; }
.experience-final-cta p { margin: 0; color: #bdc9da; }
.experience-final-cta .container > div:last-child { display: flex; flex-wrap: wrap; gap: 10px; }
.experience-final-cta .btn-outline { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.06); }

@media (max-width: 1160px) {
  .experience-hero-grid { grid-template-columns: minmax(0,1fr) minmax(460px,.9fr); gap: 30px; }
  .experience-hero-copy h1 { font-size: 56px; }
  .experience-product-showcase,.experience-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .experience-solution-strip .container { grid-template-columns: repeat(3,1fr); }
  .experience-solution-strip a:nth-child(3) { border-right: 0; }
  .experience-solution-strip a:nth-child(n+4) { border-top: 1px solid #edf1f7; }
}
@media (max-width: 980px) {
  .experience-hero { padding-top: 48px; }
  .experience-hero-grid,.experience-feature-grid { grid-template-columns: 1fr; }
  .experience-hero-copy { text-align: center; }
  .experience-hero-copy h1,.experience-hero-copy > p,.experience-search,.experience-targets { margin-left: auto; margin-right: auto; }
  .experience-hero-proof,.experience-targets { justify-content: center; }
  .experience-hero-visual { width: min(700px,100%); margin: 20px auto 0; }
  .experience-feature-grid.reverse > :first-child,.experience-feature-grid.reverse > :last-child { order: initial; }
  .experience-feature-copy { text-align: left; }
  .experience-tutor-visual,.experience-group-visual,.experience-dashboard-visual { width: min(650px,100%); margin: 0 auto; }
  .experience-product-showcase,.experience-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .experience-final-cta .container { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 760px) {
  .experience-hero { padding: 38px 0 50px; }
  .experience-hero-copy h1 { font-size: 43px; letter-spacing: -2.6px; }
  .experience-hero-copy > p { font-size: 14px; }
  .experience-search { grid-template-columns: auto 1fr; }
  .experience-search button { grid-column: 1/3; width: 100%; }
  .experience-targets { gap: 6px; }
  .experience-targets a { padding: 7px 10px; font-size: 9px; }
  .experience-hero-visual { min-height: 510px; }
  .experience-journey { overflow-x: auto; grid-template-columns: repeat(9,auto); gap: 8px; padding-bottom: 10px; scrollbar-width: none; }
  .experience-journey::-webkit-scrollbar { display: none; }
  .experience-journey i { width: 30px; }
  .experience-collage { inset: 88px 0 0; }
  .experience-phone { left: 15px; bottom: 36px; width: 130px; height: 265px; }
  .experience-person { left: 55%; width: 235px; height: 350px; }
  .experience-person img,.experience-person-placeholder { width: 180px; height: 245px; }
  .experience-person-placeholder { font-size: 60px; }
  .experience-person-card { width: 190px; }
  .mini-card-one { right: 8px; top: 72px; }
  .mini-card-two { right: 6px; bottom: 28px; }
  .experience-mini-card { min-width: 128px; padding: 9px; }
  .experience-solution-strip .container { grid-template-columns: 1fr 1fr; }
  .experience-solution-strip a { min-height: 84px; padding: 12px; }
  .experience-solution-strip a:nth-child(odd) { border-right: 1px solid #edf1f7; }
  .experience-solution-strip a:nth-child(even) { border-right: 0; }
  .experience-section,.experience-feature-block { padding: 64px 0; }
  .experience-section-head { align-items: flex-start; flex-direction: column; }
  .experience-section-head h2,.experience-feature-copy h2 { font-size: 36px; letter-spacing: -2px; }
  .experience-product-showcase,.experience-product-grid { grid-template-columns: 1fr; }
  .experience-product-empty { align-items: flex-start; flex-direction: column; }
  .experience-feature-grid { gap: 38px; }
  .experience-tutor-visual,.experience-group-visual,.experience-dashboard-visual { min-height: 430px; }
  .visual-scribble { left: 20px; width: 280px; height: 280px; }
  .visual-tutor-card { left: 30px; top: 50px; width: 280px; min-height: 300px; padding: 22px; }
  .visual-avatar { width: 120px; height: 120px; }
  .visual-classroom-card { right: 0; bottom: 12px; width: 250px; }
  .visual-calendar-card { left: 0; bottom: 65px; width: 185px; }
  .experience-laptop { left: -25px; right: -25px; top: 40px; transform: scale(.9); }
  .experience-next-group { right: 5px; bottom: 10px; width: 250px; }
  .experience-module-grid { grid-template-columns: 1fr; }
  .dashboard-device { inset: 45px 0 60px; transform: none; }
  .dashboard-device-body { grid-template-columns: 70px 1fr; }
  .dashboard-mini-sidebar { padding: 18px 10px; }
  .dashboard-mini-content { padding: 24px 15px; }
  .float-quiz { left: 0; top: 12px; }
  .float-report { right: 0; bottom: 15px; }
  .experience-review-card { min-width: 88vw; }
  .experience-final-cta { padding: 55px 0; }
  .experience-final-cta h2 { font-size: 34px; }
}
@media (max-width: 460px) {
  .experience-hero-copy h1 { font-size: 38px; }
  .experience-hero-visual { min-height: 480px; }
  .experience-phone { left: 4px; width: 112px; height: 236px; }
  .experience-person { left: 60%; transform: translateX(-50%); }
  .mini-card-one { top: 55px; }
  .mini-card-two { bottom: 18px; }
  .experience-mini-card { min-width: 118px; }
  .experience-mini-card small { display: none; }
  .experience-solution-strip .container { grid-template-columns: 1fr; }
  .experience-solution-strip a { border-right: 0 !important; border-bottom: 1px solid #edf1f7; }
  .experience-hero-proof { gap: 12px; }
  .visual-tutor-card { left: 8px; width: 260px; }
  .visual-classroom-card { width: 220px; }
  .visual-calendar-card { width: 165px; }
  .experience-laptop { transform: scale(.78); transform-origin: top center; }
  .experience-next-group { width: 225px; }
  .dashboard-device-body { grid-template-columns: 58px 1fr; }
  .dashboard-mini-content { padding: 20px 10px; }
  .dashboard-cards span { padding: 7px; }
}

/* v9.1 store card readability inside the new homepage */
.experience-product-showcase .store-product-cover,.experience-product-grid .store-product-cover { height: 205px; }
.experience-product-showcase .store-product-body,.experience-product-grid .store-product-body { padding: 20px; }
.experience-product-showcase .store-product-body > small,.experience-product-grid .store-product-body > small { font-size: 10px; }
.experience-product-showcase .store-product-body h3,.experience-product-grid .store-product-body h3 { font-size: 18px; }
.experience-product-showcase .store-product-body > p,.experience-product-grid .store-product-body > p { min-height: 56px; font-size: 11px; }
.experience-product-showcase .store-product-body li,.experience-product-grid .store-product-body li { font-size: 10px; }
.experience-product-showcase .store-price small,.experience-product-grid .store-price small { font-size: 9px; }

/* =========================================================
   Dersal v9.2 — Görsel ağırlıklı eğitim pazaryeri ana sayfası
   ========================================================= */
:root{--v92-blue:#2477ff;--v92-navy:#14243d;--v92-purple:#7659ff;--v92-coral:#ff655f;--v92-mint:#18c5a5;--v92-yellow:#ffca45;--v92-ink:#18243a;--v92-muted:#647188}
.home-market-page{background:#fff;color:var(--v92-ink)}
.home-market-page main{overflow:hidden}
.home-market-page .site-header{border-bottom:1px solid #e8edf4;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}
.home-market-page .site-header .container{max-width:1240px}
.global-campaign{position:relative;z-index:42}
.global-campaign .container{max-width:1240px;min-height:58px}
.public-support-bar{position:relative;z-index:41}
.public-support-bar .container{max-width:1240px;justify-content:space-between;min-height:38px}
.public-support-bar .container span:first-child{margin-right:auto}
.nav-user-menu,.nav-about-menu{width:300px}
.nav-user-menu a,.nav-about-menu a{align-items:flex-start!important}
.nav-user-menu strong,.nav-user-menu small,.nav-about-menu strong,.nav-about-menu small{display:block}
.nav-user-menu small,.nav-about-menu small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:500}
.nav-feature-menu{width:560px;grid-template-columns:1fr 1fr}
.nav-feature-menu a{min-height:72px}

.v92-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--v92-blue);font-size:12px;font-weight:850;letter-spacing:.02em}
.v92-kicker svg{width:18px;height:18px}
.v92-hero{position:relative;overflow:hidden;padding:76px 0 70px;background:linear-gradient(180deg,#fff 0,#f6f9ff 100%)}
.v92-hero-shape{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}
.v92-shape-one{width:440px;height:440px;right:-230px;top:30px;background:rgba(117,89,255,.1)}
.v92-shape-two{width:280px;height:280px;left:-180px;bottom:-80px;background:rgba(24,197,165,.12)}
.v92-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);gap:56px;align-items:center;max-width:1240px}
.v92-hero-copy h1{max-width:660px;margin:18px 0 19px;font-family:"Manrope",sans-serif;font-size:clamp(47px,5.4vw,72px);line-height:.98;letter-spacing:-4px}
.v92-hero-copy h1 em{color:var(--v92-blue);font-style:normal}
.v92-hero-copy>p{max-width:625px;margin:0;color:#526078;font-size:17px;line-height:1.65}
.v92-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;max-width:650px;margin-top:28px;padding:8px;border:1px solid #dce5f2;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(31,75,145,.11)}
.v92-search>span{width:43px;height:43px;display:grid;place-items:center;color:var(--v92-blue)}
.v92-search input{min-width:0;border:0;outline:0;background:transparent;font-size:14px}
.v92-search button{min-height:48px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:var(--v92-blue);color:#fff;font-weight:850;cursor:pointer}
.v92-target-copy{margin-top:24px;color:#587099;font-size:12px;font-weight:800}
.v92-targets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.v92-targets a{padding:9px 13px;border:1px solid #d7dfeb;border-radius:10px;background:#fff;color:#34435d;font-size:11px;font-weight:800;box-shadow:0 5px 15px rgba(31,65,118,.04)}
.v92-targets a:hover{transform:translateY(-2px);border-color:var(--v92-blue);color:var(--v92-blue)}
.v92-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.v92-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}
.v92-proof span{display:grid;padding-left:13px;border-left:2px solid #d8e2f0}
.v92-proof strong{font-family:"Manrope",sans-serif;font-size:19px;color:#243550}
.v92-proof small{color:#8190a6;font-size:9px;font-weight:650}
.v92-hero-art{position:relative;min-height:620px;padding-top:88px}
.v92-journey{position:absolute;z-index:4;left:0;right:0;top:0;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px}
.v92-journey a{display:grid;justify-items:center;gap:7px;min-width:76px;color:#34425a;text-align:center;font-size:10px;font-weight:800;line-height:1.25}
.v92-journey a b{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#2f8bff,#725cff);color:#fff;box-shadow:0 12px 24px rgba(51,119,255,.2)}
.v92-journey a b svg{width:24px;height:24px}
.v92-journey i{height:1px;border-top:2px dashed #c4d7f7}
.v92-hero-illustration{width:100%;height:auto;display:block;border-radius:36px;filter:drop-shadow(0 30px 45px rgba(42,80,142,.12))}
.v92-featured-tutor{position:absolute;left:-25px;bottom:22px;display:flex;align-items:center;gap:11px;max-width:270px;padding:11px 14px;border:1px solid #dfe7f2;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 20px 48px rgba(26,61,118,.16);color:#253550}
.v92-tutor-avatar{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:15px;background:linear-gradient(145deg,#2477ff,#7659ff);color:#fff;font-size:20px;font-weight:900}
.v92-tutor-avatar img{width:100%;height:100%;object-fit:cover}
.v92-featured-tutor small,.v92-featured-tutor strong,.v92-featured-tutor em{display:block}
.v92-featured-tutor small{color:#8a95a7;font-size:8px}
.v92-featured-tutor strong{margin:2px 0;font-size:11px}
.v92-featured-tutor em{overflow:hidden;max-width:176px;color:#6c788b;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}

.v92-feature-rail{border-top:1px solid #e9eef5;border-bottom:1px solid #e9eef5;background:#fff}
.v92-feature-rail .container{display:grid;grid-template-columns:repeat(5,1fr);max-width:1240px}
.v92-feature-rail a{display:flex;align-items:center;gap:12px;min-height:105px;padding:18px;border-right:1px solid #edf1f6;color:#263650}
.v92-feature-rail a:last-child{border-right:0}
.v92-feature-rail a>svg{width:33px;height:33px;flex:0 0 auto;color:var(--v92-blue)}
.v92-feature-rail strong,.v92-feature-rail small{display:block}
.v92-feature-rail strong{font-size:12px}
.v92-feature-rail small{margin-top:4px;color:#8994a6;font-size:9px}
.v92-feature-rail a:hover{background:#f7faff}

.v92-products-preview{padding:92px 0;background:#fff}
.v92-products-preview .container,.v92-story .container,.v92-reviews .container,.v92-institutions .container,.v92-institution-cta .container,.v92-final-cta .container{max-width:1240px}
.v92-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}
.v92-section-head h2{max-width:780px;margin:10px 0 8px;font-family:"Manrope",sans-serif;font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-2.4px}
.v92-section-head p{max-width:700px;margin:0;color:var(--v92-muted);font-size:14px;line-height:1.65}

.v92-story{padding:98px 0}
.v92-story-blue{background:#eaf3ff}
.v92-story-white{background:#fff}
.v92-story-coral{background:#fff2f0}
.v92-story-purple{background:#f5f1ff}
.v92-story-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:70px;align-items:center}
.v92-story-grid.v92-reverse{grid-template-columns:minmax(460px,1.08fr) minmax(0,.92fr)}
.v92-story-copy h2{margin:13px 0 16px;font-family:"Manrope",sans-serif;font-size:clamp(35px,4.2vw,55px);line-height:1.02;letter-spacing:-2.7px}
.v92-story-copy>p{max-width:660px;margin:0;color:#526078;font-size:15px;line-height:1.72}
.v92-story-art{position:relative}
.v92-story-art:before{content:"";position:absolute;inset:8% -2% -4% 8%;border-radius:45%;background:rgba(255,255,255,.42);filter:blur(1px)}
.v92-story-art img{position:relative;z-index:1;width:100%;height:auto;display:block;filter:drop-shadow(0 30px 44px rgba(39,71,125,.12))}
.v92-points{display:grid;gap:18px;margin:31px 0}
.v92-points article{display:grid;grid-template-columns:35px 1fr;gap:13px;align-items:flex-start}
.v92-points article>svg{width:25px;height:25px;margin-top:2px;color:var(--v92-blue)}
.v92-points strong,.v92-points span{display:block}
.v92-points strong{font-size:14px}
.v92-points span{max-width:530px;margin-top:4px;color:#68768c;font-size:11px;line-height:1.55}
.v92-live-class{display:grid;max-width:470px;margin:-10px 0 25px;padding:16px 18px;border:1px solid rgba(36,119,255,.18);border-radius:17px;background:rgba(255,255,255,.76);box-shadow:0 12px 28px rgba(35,75,140,.08)}
.v92-live-class small{color:#7f8ca0;font-size:8px;text-transform:uppercase;font-weight:800}
.v92-live-class strong{margin:4px 0;font-size:13px}
.v92-live-class span{color:#5d6b81;font-size:10px}

.v92-reviews{padding:96px 0;background:#17273d;color:#fff}
.v92-light h2{color:#fff}
.v92-light p{color:#b9c5d6}
.v92-light .v92-kicker{color:#7db1ff}
.v92-review-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.v92-review-track::-webkit-scrollbar{display:none}
.v92-review-card{position:relative;min-width:290px;max-width:290px;min-height:430px;overflow:hidden;border-radius:25px;background:#fff;scroll-snap-align:start;box-shadow:0 25px 60px rgba(0,0,0,.22)}
.v92-review-tone-1{--tone:#ff6680;--tone2:#ffb82c}.v92-review-tone-2{--tone:#655cff;--tone2:#2c8bff}.v92-review-tone-3{--tone:#15c5a7;--tone2:#ffca47}.v92-review-tone-4{--tone:#ff765f;--tone2:#765aff}
.v92-review-photo{position:relative;height:210px;display:grid;place-items:center;background:linear-gradient(145deg,var(--tone),var(--tone2))}
.v92-review-photo:before,.v92-review-photo:after{content:"";position:absolute;border:3px solid rgba(255,255,255,.55);border-radius:50%}
.v92-review-photo:before{width:145px;height:145px}.v92-review-photo:after{width:190px;height:190px;border-style:dashed}
.v92-review-photo>span{position:relative;z-index:2;width:112px;height:112px;display:grid;place-items:center;border:7px solid rgba(255,255,255,.55);border-radius:50%;background:#fff;color:var(--tone);font-size:44px;font-weight:900}
.v92-review-photo>b{position:absolute;z-index:3;right:22px;bottom:18px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#24344f;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.v92-review-body{padding:22px;color:#24344f}
.v92-review-body p{min-height:103px;margin:17px 0;color:#4f5d73;font-size:12px;line-height:1.58}
.v92-review-body strong,.v92-review-body small{display:block}
.v92-review-body strong{font-size:12px}.v92-review-body small{margin-top:3px;color:#8994a5;font-size:8px}

.v92-institutions{padding:42px 0;background:#fff;border-bottom:1px solid #e9edf4}
.v92-institutions p{text-align:center;color:#6e7b91;font-size:12px;font-weight:800}
.v92-institutions .container>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.v92-institutions .container>div span{display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #e0e6ef;border-radius:13px;background:#fff;color:#4e5c73}
.v92-institutions strong,.v92-institutions small{display:block}.v92-institutions strong{font-size:10px}.v92-institutions small{font-size:8px;color:#8a95a7}
.v92-institution-cta{padding:85px 0;background:#17273d;color:#fff}
.v92-institution-grid{display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:center}
.v92-institution-grid h2{max-width:760px;margin:12px 0 16px;font-family:"Manrope",sans-serif;font-size:clamp(35px,4vw,52px);line-height:1.04;letter-spacing:-2.5px}
.v92-institution-grid p{max-width:680px;color:#b5c1d2;line-height:1.65}
.v92-institution-grid .btn-outline{color:#fff;border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.04)}
.v92-campus{position:relative;min-height:310px;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:34px;background:linear-gradient(145deg,rgba(36,119,255,.22),rgba(118,89,255,.18));overflow:hidden}
.v92-campus>span{position:relative;z-index:2;width:100px;height:100px;display:grid;place-items:center;border-radius:28px;background:#fff;color:var(--v92-blue);box-shadow:0 20px 45px rgba(0,0,0,.22)}
.v92-campus>span svg{width:54px;height:54px}.v92-campus b,.v92-campus small{position:relative;z-index:2;display:block}.v92-campus b{font-size:24px}.v92-campus small{color:#b9c6d7}
.v92-campus i{position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.v92-campus i:nth-child(1){width:240px;height:240px;left:-60px;top:-70px}.v92-campus i:nth-child(2){width:150px;height:150px;right:-20px;bottom:-30px}.v92-campus i:nth-child(3){width:70px;height:70px;right:40px;top:35px;background:#ffca45}

.v92-final-cta{padding:82px 0;background:linear-gradient(135deg,#eef5ff,#f8f5ff)}
.v92-final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:35px}
.v92-final-cta h2{max-width:790px;margin:11px 0 10px;font-family:"Manrope",sans-serif;font-size:clamp(34px,4vw,51px);line-height:1.03;letter-spacing:-2.5px}
.v92-final-cta p{margin:0;color:#68768b}
.v92-final-cta .container>div:last-child{display:flex;flex-wrap:wrap;gap:10px}

.home-market-page .experience-catalog-section{padding:90px 0;background:#f5f8fc}
.home-market-page .experience-category-tabs a{font-size:10px}
.home-market-page .store-product-card{border-radius:23px;box-shadow:0 15px 42px rgba(34,75,139,.08)}
.home-market-page .store-product-card:hover{transform:translateY(-8px)}
.home-market-page .store-product-cover{height:220px}
.home-market-page .store-product-body{padding:22px}

@media(max-width:1120px){
  .v92-hero-grid{grid-template-columns:1fr;gap:34px}.v92-hero-copy{text-align:center}.v92-hero-copy h1,.v92-hero-copy>p,.v92-search{margin-left:auto;margin-right:auto}.v92-targets,.v92-hero-actions,.v92-proof{justify-content:center}.v92-hero-art{width:min(760px,100%);margin:0 auto}.v92-featured-tutor{left:10px}.v92-feature-rail .container{grid-template-columns:repeat(3,1fr)}.v92-feature-rail a:nth-child(3){border-right:0}.v92-feature-rail a:nth-child(n+4){border-top:1px solid #edf1f6}.v92-story-grid,.v92-story-grid.v92-reverse{grid-template-columns:1fr;gap:45px}.v92-story-grid.v92-reverse .v92-story-art{order:2}.v92-story-art{width:min(700px,100%);margin:0 auto}.v92-institution-grid{grid-template-columns:1fr}.v92-campus{width:min(580px,100%)}
}
@media(max-width:820px){
  .nav-feature-menu{width:100%;grid-template-columns:1fr}.nav-user-menu,.nav-about-menu{width:100%}.v92-hero{padding:52px 0}.v92-hero-copy h1{font-size:47px;letter-spacing:-2.8px}.v92-search{grid-template-columns:auto 1fr}.v92-search button{grid-column:1/3;width:100%}.v92-hero-art{min-height:auto;padding-top:100px}.v92-journey{overflow-x:auto;grid-template-columns:repeat(9,auto);scrollbar-width:none}.v92-journey::-webkit-scrollbar{display:none}.v92-journey i{width:45px}.v92-hero-illustration{border-radius:24px}.v92-feature-rail .container{grid-template-columns:1fr 1fr}.v92-feature-rail a{min-height:90px}.v92-feature-rail a:nth-child(odd){border-right:1px solid #edf1f6}.v92-feature-rail a:nth-child(even){border-right:0}.v92-products-preview,.v92-story,.v92-reviews,.v92-institution-cta,.v92-final-cta{padding:68px 0}.v92-section-head{align-items:flex-start;flex-direction:column}.v92-story-copy h2,.v92-section-head h2{font-size:40px;letter-spacing:-2px}.v92-review-card{min-width:275px}.v92-final-cta .container{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .global-campaign .container{min-height:64px}.global-campaign span{font-size:10px}.global-campaign a{flex:0 0 auto}.public-support-bar .container{justify-content:center;gap:15px}.public-support-bar .container span:first-child{display:none}.v92-hero-copy h1{font-size:39px;letter-spacing:-2.3px}.v92-hero-copy>p{font-size:14px}.v92-targets{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:7px;scrollbar-width:none}.v92-targets::-webkit-scrollbar{display:none}.v92-targets a{flex:0 0 auto}.v92-proof{gap:10px}.v92-proof span{min-width:92px}.v92-hero-art{padding-top:92px}.v92-journey a{min-width:66px}.v92-journey a b{width:43px;height:43px}.v92-featured-tutor{display:none}.v92-feature-rail .container{grid-template-columns:1fr}.v92-feature-rail a{border-right:0!important;border-bottom:1px solid #edf1f6}.v92-story-copy h2,.v92-section-head h2{font-size:34px}.v92-story-copy>p{font-size:13px}.v92-points article{grid-template-columns:30px 1fr}.v92-review-card{min-width:84vw}.v92-institution-grid h2,.v92-final-cta h2{font-size:34px}.v92-campus{min-height:250px}.home-market-page .store-product-cover{height:205px}
}
.site-footer-market{padding:70px 0 22px;background:#eef1f6;color:#35425a}
.site-footer-market .brand-light{color:#2477ff}
.market-footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:42px;max-width:1240px}
.market-footer-grid h4{margin:0 0 16px;color:#516078;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.market-footer-grid a,.market-footer-grid span{display:block;margin:0 0 11px;color:#445168;font-size:10px}
.market-footer-grid a:hover{color:#2477ff}
.market-footer-brand p{max-width:310px;margin:17px 0;color:#69768a;font-size:11px;line-height:1.7}
.market-footer-contact{display:inline-flex!important;align-items:center;gap:7px!important;font-weight:800}
.site-footer-market .footer-bottom{margin-top:50px;padding-top:20px;border-top:1px solid #d9e0e9;color:#7c8798}
@media(max-width:1000px){.market-footer-grid{grid-template-columns:repeat(3,1fr)}.market-footer-brand{grid-column:1/-1}}
@media(max-width:620px){.market-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.market-footer-brand{grid-column:1/-1}.site-footer-market{padding-top:52px}}

/* v10.2 — canlıya hazırlık merkezi */
.readiness-hero{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:28px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#f8fbff,#f5f3ff);margin-bottom:20px;box-shadow:var(--shadow-sm)}
.readiness-hero.is-ready{background:linear-gradient(135deg,#effcf6,#f2fbff);border-color:#b7ead4}
.readiness-ring{--score:0;width:138px;height:138px;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative;background:conic-gradient(var(--primary) calc(var(--score)*1%),#e7eaf1 0);isolation:isolate}
.readiness-ring:before{content:"";position:absolute;inset:10px;border-radius:inherit;background:#fff;z-index:-1}
.readiness-ring strong{font-size:34px;line-height:1;font-family:var(--font-heading);color:var(--navy)}
.readiness-ring span{font-size:12px;color:var(--muted);margin-top:6px}
.readiness-copy h2{margin:0 0 8px}.readiness-copy p{margin:0 0 14px;color:var(--muted)}
.readiness-bar{height:10px;background:#e6eaf1;border-radius:999px;overflow:hidden;margin-bottom:8px}.readiness-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#7b61ff);border-radius:inherit;transition:width .35s ease}
.readiness-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 20px}.readiness-category-grid article{padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff;display:grid;gap:4px}.readiness-category-grid span{font-size:12px;color:var(--muted)}.readiness-category-grid strong{font-size:24px;color:var(--navy)}.readiness-category-grid small{color:var(--muted)}
.readiness-actions-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:20px}.readiness-test-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:10px}.readiness-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.release-steps{display:grid;gap:14px;padding:0;margin:0 0 18px;list-style:none}.release-steps li{display:flex;gap:12px;align-items:flex-start}.release-steps li>span{width:32px;height:32px;border-radius:10px;background:#eef0ff;color:var(--primary);display:grid;place-items:center;font-weight:800;flex:0 0 auto}.release-steps strong{display:block}.release-steps p{margin:3px 0 0;color:var(--muted);font-size:13px}
.readiness-group{margin-bottom:18px}.readiness-check-list{display:grid;gap:10px}.readiness-check{display:flex;gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff}.readiness-check.is-pass{border-color:#c4ead8;background:#fbfffd}.readiness-check.is-fail{border-color:#f0d9a5;background:#fffdf8}.readiness-check-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#f2f4f8;flex:0 0 auto}.readiness-check.is-pass .readiness-check-icon{background:#e8f8f0;color:#15875d}.readiness-check.is-fail .readiness-check-icon{background:#fff3d9;color:#a46800}.readiness-check-icon svg{width:20px;height:20px}.readiness-check-content{min-width:0;flex:1}.readiness-check-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.readiness-check-content p{margin:5px 0;color:var(--muted);font-size:13px}.readiness-manual{margin-top:10px}.readiness-manual summary{cursor:pointer;color:var(--primary);font-weight:700;font-size:13px}.readiness-manual form{margin-top:12px;padding:14px;background:#f8fafc;border-radius:14px}
.profile-photo-uploader{display:flex;align-items:center;gap:20px;padding:18px;margin-bottom:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,#fbfaff,#f6fbff)}
@media(max-width:600px){.profile-photo-uploader{align-items:flex-start;flex-direction:column}.profile-photo-uploader .avatar{width:88px!important;height:88px!important}}
.nav-profile-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 9px 4px 4px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);text-decoration:none;font-size:11px;font-weight:750}.nav-profile-chip img,.nav-profile-chip span{width:30px;height:30px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#7050e8,#54b8ef);color:#fff;font-size:10px}.parent-child-chips .chip{display:inline-flex;align-items:center;gap:7px}.parent-child-chips .chip img{width:24px;height:24px;border-radius:50%;object-fit:cover}
@media(max-width:820px){.nav-profile-chip{width:100%;justify-content:flex-start;border-radius:12px;padding:8px}.nav-profile-chip img,.nav-profile-chip span{width:34px;height:34px}}

/* v10.6 — admin controlled social media links */
.public-support-bar .container{justify-content:space-between}
.public-support-contacts{display:flex;align-items:center;justify-content:flex-end;gap:24px}
.public-social-top{display:flex;align-items:center;min-width:0}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.social-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:36px;height:36px;border:1px solid rgba(117,128,151,.22);border-radius:12px;background:rgba(255,255,255,.84);color:inherit;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.social-link:hover{transform:translateY(-2px);border-color:rgba(91,75,255,.45);background:#fff;color:var(--primary);box-shadow:0 8px 22px rgba(42,50,88,.12)}
.social-link-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.social-links-header{gap:5px}.social-links-header .social-link{width:27px;height:27px;border:0;border-radius:8px;background:transparent;color:#8a93a7}.social-links-header .social-link:hover{background:#fff;color:var(--primary);box-shadow:0 5px 15px rgba(42,50,88,.09)}
.social-links-header .social-link svg{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important}
.social-links-footer{margin-top:18px}.social-links-footer .social-link{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.08);color:#fff}.social-links-footer .social-link:hover{border-color:rgba(255,255,255,.4);background:#fff;color:#3224c9}
@media(max-width:820px){.public-support-bar{display:none}.public-support-bar.has-social{display:block;padding:2px 0}.public-support-bar.has-social .container{min-height:32px;justify-content:center}.public-support-contacts{display:none}.public-social-top{justify-content:center}.social-links-footer{gap:10px}.social-links-footer .social-link{width:42px;height:42px}}

.public-support-contacts span:first-child{margin-right:0!important}


/* v10.8.1 — unified panel back control */
.panel-back-button{
  min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:0 13px;border:1px solid #e1e4ee;border-radius:12px;background:#fff;
  color:#293248;font:700 .78rem Inter,sans-serif;cursor:pointer;box-shadow:0 5px 15px rgba(38,43,75,.05)
}
.panel-back-button:hover{border-color:#cfc6fa;color:#5d42d5;background:#faf9ff}
.panel-back-button svg{width:16px;height:16px}
@media(max-width:760px){
  .panel-back-button{width:42px;height:42px;min-height:42px;padding:0;flex:0 0 auto}
  .panel-back-button span{display:none}
}
.nav-institution-cta{display:inline-flex!important;align-items:center;gap:7px;padding:10px 13px;border-radius:11px;background:#f0edff;color:#6346ed!important;font-weight:800!important;border:1px solid #ded7ff}.nav-institution-cta:hover{background:#e7e1ff;color:#5638e4!important}.nav-institution-cta svg{width:15px;height:15px}@media(max-width:900px){.nav-institution-cta{width:100%;justify-content:flex-start;margin:4px 0}}

/* Dersal v10.12 — brand refresh */
.brand-mark{
  width:36px;height:36px;border-radius:0;background:transparent url('../brand/dersal-mark.svg') center/contain no-repeat;
  box-shadow:none;transform:none;overflow:visible;flex:0 0 auto;
}
.brand-mark::before,.brand-mark::after,.brand-mark>span{display:none!important;content:none!important}
.brand{gap:9px;font-weight:800;letter-spacing:-.6px}
.brand-light .brand-mark{filter:drop-shadow(0 8px 18px rgba(60,91,255,.25))}
html.cinematic-enabled .site-header .brand-mark::after{display:none!important}

/* V16.6 - institution member lifecycle */
.institution-members-title{align-items:flex-start;gap:16px;flex-wrap:wrap}
.institution-member-tabs,.institution-role-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.institution-role-tabs{margin:-4px 0 18px}
.institution-table td:last-child{min-width:220px}
.institution-table .action-row{justify-content:flex-end;flex-wrap:wrap}
@media (max-width:760px){
  .institution-members-title{display:block}
  .institution-member-tabs{margin-top:12px}
  .institution-table td:last-child{min-width:190px}
}