/* Qalam 0.27 precision layer: dual reference calibration + internal surface visual closure. */
:root{--q270-max:1240px;--q270-radius:28px;--q270-soft:color-mix(in srgb,var(--q-ref-primary) 9%,var(--q-ref-surface));--q270-line:color-mix(in srgb,var(--q-ref-border) 88%,transparent)}
.q270-home{overflow:hidden}.q270-home h1,.q270-home h2,.q270-home h3{color:var(--q-ref-text)}.q270-home p{color:var(--q-ref-muted)}
/* Academy: compact reference hierarchy, selection panel and asymmetric media. */
.q270-academy-hero{padding:72px 0 88px;background:radial-gradient(circle at 8% 16%,color-mix(in srgb,var(--q-ref-primary) 13%,transparent),transparent 30%),radial-gradient(circle at 88% 70%,color-mix(in srgb,var(--q-ref-accent) 12%,transparent),transparent 26%),var(--q-ref-bg)}
.q270-academy-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:46px;align-items:center}.q270-academy-copy h1{margin:8px 0 18px;font-size:clamp(42px,5.4vw,68px);line-height:1.16;letter-spacing:-1.5px;max-width:760px}.q270-academy-copy p{font-size:17px;line-height:1.95;max-width:650px;margin:0}.q270-academy-visual{position:relative;min-height:470px;border-radius:46px;display:grid;place-items:end center;background:linear-gradient(150deg,color-mix(in srgb,var(--q-ref-primary) 16%,var(--q-ref-surface)),color-mix(in srgb,var(--q-ref-secondary) 8%,var(--q-ref-surface)));border:1px solid color-mix(in srgb,var(--q-ref-primary) 18%,var(--q-ref-border));overflow:visible}.q270-academy-visual:before{content:"";position:absolute;inset:28px;border-radius:34px;border:1px dashed color-mix(in srgb,var(--q-ref-primary) 24%,transparent)}.q270-academy-visual img{position:relative;z-index:2;width:100%;height:100%;max-height:510px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 28px rgba(0,0,0,.16))}.q270-visual-fallback{position:relative;z-index:2;align-self:center;width:180px;height:180px;border-radius:38px;display:grid;place-items:center;background:linear-gradient(145deg,var(--q-ref-primary),var(--q-ref-secondary));font-size:92px;color:#fff;font-weight:1000}.q270-visual-chip{position:absolute;z-index:3;padding:10px 15px;border:1px solid var(--q-ref-border);border-radius:999px;background:color-mix(in srgb,var(--q-ref-surface) 90%,transparent);box-shadow:0 14px 34px rgba(20,28,46,.12);color:var(--q-ref-text);font-size:12px;font-weight:900;backdrop-filter:blur(14px)}.q270-visual-chip.one{top:18%;right:-22px}.q270-visual-chip.two{bottom:22%;left:-26px}.q270-visual-chip.three{top:52%;right:-38px}
.q270-academy-picker{grid-column:1/-1;margin-top:4px;padding:26px;border:1px solid var(--q270-line);border-radius:30px;background:var(--q-ref-surface);box-shadow:0 18px 55px rgba(23,35,58,.07);display:grid;grid-template-columns:minmax(210px,.7fr) 1.7fr;gap:26px;align-items:end}.q270-picker-head span{color:var(--q-ref-primary);font-weight:900;font-size:12px}.q270-picker-head h2{margin:5px 0 5px;font-size:25px}.q270-picker-head p{margin:0;font-size:13px}.q270-picker-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.q270-picker-grid label{display:grid;gap:7px}.q270-picker-grid label>span{font-size:12px;font-weight:900;color:var(--q-ref-muted)}.q270-picker-grid select{width:100%;height:49px;border:1px solid var(--q-ref-border);border-radius:14px;background:var(--q-ref-bg);color:var(--q-ref-text);padding:0 13px;font:700 14px/1.5 inherit;outline:0}.q270-picker-grid select:focus{border-color:var(--q-ref-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--q-ref-primary) 12%,transparent)}
.q270-teacher-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.q270-teacher-card{display:block;overflow:hidden;border:1px solid var(--q-ref-border);border-radius:24px;background:var(--q-ref-surface);color:var(--q-ref-text);transition:transform .25s,box-shadow .25s,border-color .25s}.q270-teacher-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--q-ref-primary) 45%,var(--q-ref-border));box-shadow:0 20px 48px color-mix(in srgb,var(--q-ref-primary) 10%,transparent)}.q270-teacher-photo{height:260px;background:var(--q-ref-surface-2);overflow:hidden}.q270-teacher-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.q270-teacher-photo>span{height:100%;display:grid;place-items:center;font-size:70px;font-weight:1000;color:#fff;background:linear-gradient(145deg,var(--q-ref-primary),var(--q-ref-secondary))}.q270-teacher-card>div:last-child{padding:18px}.q270-teacher-card small{color:var(--q-ref-primary);font-weight:900}.q270-teacher-card h3{font-size:20px;margin:5px 0 8px}.q270-teacher-card p{margin:0 0 14px;line-height:1.8;font-size:13px;min-height:46px}.q270-teacher-card strong{font-size:13px;color:var(--q-ref-primary)}
.q270-search-banner{padding:34px 0}.q270-search-banner>.q-ref-container{padding:42px 48px;border-radius:32px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(125deg,var(--q-ref-primary),var(--q-ref-secondary));color:#fff;box-shadow:0 25px 60px color-mix(in srgb,var(--q-ref-primary) 22%,transparent)}.q270-search-banner span{font-size:12px;font-weight:900;opacity:.8}.q270-search-banner h2{color:#fff;margin:5px 0 7px;font-size:clamp(26px,3vw,38px)}.q270-search-banner p{color:rgba(255,255,255,.78);margin:0}.q270-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.q270-subject-card{display:flex;align-items:center;gap:14px;min-height:104px;padding:18px;border:1px solid var(--q-ref-border);border-radius:20px;background:var(--q-ref-surface);color:var(--q-ref-text);transition:.22s}.q270-subject-card:hover{border-color:var(--q-ref-primary);transform:translateY(-3px)}.q270-subject-card i{width:55px;height:55px;flex:0 0 55px;border-radius:16px;display:grid;place-items:center;font-style:normal;font-weight:1000;font-size:22px;background:var(--q270-soft);color:var(--q-ref-primary)}.q270-subject-card h3{margin:0 0 4px;font-size:17px}.q270-subject-card span{font-size:12px;color:var(--q-ref-muted)}.q270-subject-card b{margin-inline-start:auto;color:var(--q-ref-primary)}.q270-dual-cta{padding:28px 0 88px}.q270-dual-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.q270-dual-cta article{padding:38px;border-radius:28px;background:var(--q-ref-surface);border:1px solid var(--q-ref-border)}.q270-dual-cta article:first-child{background:linear-gradient(145deg,color-mix(in srgb,var(--q-ref-primary) 10%,var(--q-ref-surface)),var(--q-ref-surface))}.q270-dual-cta span{color:var(--q-ref-primary);font-size:12px;font-weight:900}.q270-dual-cta h2{font-size:27px;margin:7px 0}.q270-dual-cta p{line-height:1.85}.q270-dual-cta a{font-weight:900;color:var(--q-ref-primary)}
/* Individual reference: teacher-first composition and clear stepped sections. */
.q270-individual-hero{position:relative;padding:68px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--q-ref-primary) 7%,var(--q-ref-bg)),var(--q-ref-bg));overflow:hidden}.q270-individual-hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;left:-220px;top:-240px;background:color-mix(in srgb,var(--q-ref-primary) 12%,transparent);filter:blur(5px)}.q270-individual-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);align-items:end;gap:56px;min-height:610px}.q270-individual-copy{align-self:center;padding-bottom:72px}.q270-teacher-name{display:inline-flex;padding:8px 14px;border-radius:999px;background:var(--q270-soft);color:var(--q-ref-primary);font-weight:900;font-size:13px}.q270-individual-copy h1{font-size:clamp(48px,6.4vw,78px);line-height:1.12;letter-spacing:-2px;margin:18px 0 18px;max-width:760px}.q270-individual-copy p{font-size:18px;line-height:1.95;max-width:650px;margin:0}.q270-individual-portrait{position:relative;height:590px;display:flex;align-items:flex-end;justify-content:center}.q270-individual-portrait img{position:relative;z-index:2;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 28px rgba(0,0,0,.15))}.q270-individual-portrait>span{position:relative;z-index:2;width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--q-ref-primary),var(--q-ref-secondary));font-size:110px;color:#fff;font-weight:1000;margin-bottom:100px}.q270-portrait-shape{position:absolute;z-index:1;width:420px;height:420px;bottom:-85px;border-radius:50% 50% 42% 42%;background:linear-gradient(145deg,var(--q-ref-primary),var(--q-ref-secondary));opacity:.16}.q270-about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center}.q270-about-visual{height:450px;border-radius:34px;display:grid;place-items:center;overflow:hidden;background:var(--q-ref-surface-2);border:1px solid var(--q-ref-border)}.q270-about-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}.q270-about-visual img.is-logo{width:50%;height:50%;object-fit:contain}.q270-about-visual>span{font-size:100px;color:var(--q-ref-primary);font-weight:1000}.q270-about-grid h2{font-size:clamp(33px,4vw,48px);margin:4px 0 14px}.q270-about-grid p{line-height:2;font-size:16px}.q270-about-stats{display:flex;gap:12px;margin-top:25px}.q270-about-stats>div{padding:14px 17px;min-width:112px;border-radius:17px;background:var(--q-ref-surface);border:1px solid var(--q-ref-border);display:grid;gap:3px}.q270-about-stats strong{font-size:22px;color:var(--q-ref-primary)}.q270-about-stats span{font-size:11px;color:var(--q-ref-muted)}.q270-honor{background:linear-gradient(180deg,var(--q-ref-bg),color-mix(in srgb,var(--q-ref-primary) 7%,var(--q-ref-bg)))}.q270-honor-head{text-align:center;max-width:730px;margin:0 auto 28px}.q270-honor-head>span{color:var(--q-ref-primary);font-weight:900}.q270-honor-head h2{font-size:clamp(32px,4vw,48px);margin:7px 0}.q270-honor-head p{line-height:1.9}.q270-honor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:850px;margin:auto}.q270-honor-stats>div{padding:25px;text-align:center;border:1px solid var(--q-ref-border);border-radius:22px;background:var(--q-ref-surface)}.q270-honor-stats strong{display:block;font-size:32px;color:var(--q-ref-primary)}.q270-honor-stats span{font-size:12px;color:var(--q-ref-muted)}
/* Internal Tutor surfaces: same tokens, no WordPress/theme visual leakage. */
body.qalam-internal-surface{background:var(--q-ref-bg)!important;color:var(--q-ref-text)!important}.qalam-internal-surface .tutor-container,.qalam-internal-surface .tutor-container-fluid{max-width:var(--q270-max)}.qalam-internal-surface .tutor-card,.qalam-internal-surface .tutor-course-sticky-card,.qalam-internal-surface .tutor-dashboard-content,.qalam-internal-surface .tutor-checkout-billing-inner,.qalam-internal-surface .tutor-checkout-details-inner,.qalam-internal-surface .tutor-cart-summery,.qalam-internal-surface .tutor-dashboard-main{background:var(--q-ref-surface)!important;color:var(--q-ref-text)!important;border-color:var(--q-ref-border)!important;border-radius:20px!important;box-shadow:none!important}.qalam-internal-surface :is(h1,h2,h3,h4,h5,label,.tutor-color-black):not(.q-ref-footer *){color:var(--q-ref-text)!important}.qalam-internal-surface .tutor-color-secondary,.qalam-internal-surface .tutor-color-muted,.qalam-internal-surface .tutor-color-subdued{color:var(--q-ref-muted)!important}.qalam-internal-surface input:not([type=checkbox]):not([type=radio]),.qalam-internal-surface select,.qalam-internal-surface textarea{background:var(--q-ref-bg)!important;color:var(--q-ref-text)!important;border-color:var(--q-ref-border)!important;border-radius:12px!important}.qalam-internal-surface .tutor-btn-primary{background:linear-gradient(135deg,var(--q-ref-primary),var(--q-ref-secondary))!important;border-color:transparent!important;color:#fff!important;border-radius:12px!important}.qalam-internal-surface .tutor-btn-outline-primary,.qalam-internal-surface .tutor-btn-secondary{border-color:color-mix(in srgb,var(--q-ref-primary) 38%,var(--q-ref-border))!important;color:var(--q-ref-primary)!important;background:var(--q-ref-surface)!important;border-radius:12px!important}.qalam-internal-surface .tutor-border,.qalam-internal-surface .tutor-border-top,.qalam-internal-surface .tutor-border-bottom,.qalam-internal-surface .tutor-border-b,.qalam-internal-surface .tutor-border-t{border-color:var(--q-ref-border)!important}.qalam-surface-learning .tutor-course-single-sidebar-wrapper,.qalam-surface-learning .tutor-course-single-sidebar-title,.qalam-surface-learning .tutor-course-single-content-wrapper,.qalam-surface-learning .tutor-course-topic,.qalam-surface-learning .tutor-course-topic-single-body,.qalam-surface-learning .tutor-learning-area-header,.qalam-surface-learning .tutor-learning-area-sidebar,.qalam-surface-learning .tutor-learning-area-content{background:var(--q-ref-surface)!important;color:var(--q-ref-text)!important;border-color:var(--q-ref-border)!important}.qalam-surface-learning .tutor-course-single-sidebar-wrapper{border-inline-end:1px solid var(--q-ref-border)!important}.qalam-surface-dashboard .tutor-dashboard-page,.qalam-surface-dashboard .tutor-dashboard-layout{background:var(--q-ref-bg)!important}.qalam-surface-checkout .tutor-checkout-page,.qalam-surface-cart .tutor-cart-page,.qalam-surface-register .tutor-page-wrap{padding-block:46px}.qalam-surface-checkout .tutor-checkout-container,.qalam-surface-cart .tutor-cart-page-wrapper{gap:24px}.qalam-surface-course-single .tutor-course-details-page{background:var(--q-ref-bg)}
/* Dark contrast closure. */
html[data-qalam-mode=dark] .q-ref-btn-soft{color:#d9ceff;background:color-mix(in srgb,var(--q-ref-primary) 20%,var(--q-ref-surface));border-color:color-mix(in srgb,var(--q-ref-primary) 40%,var(--q-ref-border))}html[data-qalam-mode=dark] .q270-search-banner p,html[data-qalam-mode=dark] .q-ref-cta p{color:rgba(255,255,255,.82)}html[data-qalam-mode=dark] .q270-visual-chip{background:rgba(21,24,32,.92)}html[data-qalam-mode=dark] .q270-academy-picker select{color-scheme:dark}
/* Responsive and interaction geometry. */
@media(max-width:1080px){.q270-academy-hero-grid,.q270-individual-hero-grid{grid-template-columns:1fr;gap:32px}.q270-academy-visual{min-height:400px;max-width:620px;width:100%;margin:auto}.q270-academy-picker{grid-template-columns:1fr}.q270-teacher-grid{grid-template-columns:repeat(2,1fr)}.q270-individual-copy{padding-bottom:10px}.q270-individual-portrait{height:500px}.q270-about-grid{grid-template-columns:1fr;gap:30px}.q270-about-visual{height:390px}}
@media(max-width:720px){.q270-academy-hero{padding:38px 0 54px}.q270-academy-copy h1,.q270-individual-copy h1{font-size:clamp(34px,9.5vw,43px);line-height:1.26;letter-spacing:0;text-wrap:balance}.q270-academy-copy p,.q270-individual-copy p{font-size:15px;line-height:1.9}.q270-academy-visual{min-height:330px;border-radius:30px}.q270-academy-visual img{max-height:360px}.q270-visual-chip{display:none}.q270-academy-picker{padding:18px;border-radius:22px;gap:18px}.q270-picker-grid{grid-template-columns:1fr}.q270-picker-grid .q-ref-btn{width:100%}.q270-teacher-grid,.q270-subject-grid,.q270-dual-cta-grid,.q270-honor-stats{grid-template-columns:1fr}.q270-teacher-photo{height:300px}.q270-search-banner>.q-ref-container{padding:30px 22px;border-radius:24px;display:grid}.q270-search-banner .q-ref-btn{width:100%}.q270-individual-hero{padding-top:42px}.q270-individual-hero-grid{min-height:auto}.q270-individual-copy{order:1}.q270-individual-portrait{order:2;height:430px}.q270-portrait-shape{width:330px;height:330px}.q270-about-visual{height:350px}.q270-about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.q270-about-stats>div{min-width:0;padding:12px 8px;text-align:center}.q270-about-stats strong{font-size:19px}.q-ref-section{padding:65px 0}.q-ref-section-head{align-items:flex-start}.q-ref-section-head h2{font-size:clamp(28px,8vw,36px);letter-spacing:0}.qalam-internal-surface .tutor-container,.qalam-internal-surface .tutor-container-fluid{padding-inline:14px!important}.qalam-surface-checkout .tutor-checkout-page,.qalam-surface-cart .tutor-cart-page,.qalam-surface-register .tutor-page-wrap{padding-block:24px}}
@media(max-width:390px){.q270-academy-copy h1,.q270-individual-copy h1{font-size:32px;line-height:1.29}.q270-teacher-photo{height:260px}.q270-individual-portrait{height:390px}.q270-about-stats{grid-template-columns:1fr 1fr}.q270-about-stats>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.q270-home *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}