/* Haref Kemya 2026 identity — an original chemistry learning palette. */
:root{--haref-ink:#082d3a;--haref-deep:#06232e;--haref-teal:#087f92;--haref-cyan:#59d9dd;--haref-paper:#f2f6ed;--haref-mint:#dff3eb;--haref-coral:#ef9567;--haref-gold:#e9b75e}
.editorial-home{background:var(--haref-paper)!important;color:var(--haref-ink)!important}.editorial-header{background:rgba(247,250,244,.88)!important;border-bottom:1px solid rgba(8,45,58,.13)!important;backdrop-filter:blur(14px)}.editorial-header .logo b{color:var(--haref-ink)!important}.editorial-header .logo small,.editorial-issue{color:#4a6870!important}.editorial-header nav a{color:#234c57!important}.editorial-header nav a:hover{color:var(--haref-teal)!important}.editorial-actions .outline,.editorial-actions button:not(.filled){border-color:#0c8796!important;color:#086779!important;background:transparent!important}.editorial-actions .filled,.editorial-actions button:last-child{border-color:var(--haref-coral)!important;background:var(--haref-coral)!important;color:#fff!important;box-shadow:0 9px 22px rgba(239,149,103,.25)!important}
.editorial-hero{min-height:650px!important;background:radial-gradient(circle at 76% 25%,rgba(89,217,221,.48),transparent 22%),radial-gradient(circle at 18% 82%,rgba(239,149,103,.25),transparent 27%),linear-gradient(120deg,#f8f5e8 0%,#def3ea 44%,#bfdfe1 100%)!important;overflow:hidden}.editorial-hero:before{content:'';position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle at 1px 1px,rgba(8,45,58,.19) 1px,transparent 1.5px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 56%);pointer-events:none}.editorial-hero-meta,.editorial-hero-copy,.teacher-hero-card,.editorial-hero-foot{position:relative;z-index:1}.editorial-hero-meta{color:#26717b!important}.editorial-hero-copy h1{color:var(--haref-ink)!important;text-shadow:none!important}.editorial-hero-copy h1 em{color:#087f92!important}.editorial-hero-copy p{color:#355b62!important;max-width:455px}.editorial-hero-copy .big-cta,.editorial-hero-buttons .big-cta{border-radius:12px!important;background:var(--haref-coral)!important;color:#fff!important;border-color:var(--haref-coral)!important;box-shadow:0 12px 25px rgba(239,149,103,.28)!important}.editorial-hero-copy .cta-secondary,.editorial-hero-buttons .cta-secondary{background:transparent!important;color:#096b7c!important;border:1px solid #0a9aac!important;box-shadow:none!important}.teacher-hero-card{border:1px solid rgba(8,45,58,.3)!important;background:linear-gradient(150deg,#0b5363,#082e3b)!important;box-shadow:18px 20px 0 rgba(8,45,58,.12),0 30px 60px rgba(8,45,58,.22)!important}.teacher-hero-card:after{border-color:rgba(239,149,103,.55)!important}.teacher-hero-card h2{color:#fff!important}.teacher-hero-card p{color:#c3e6e6!important}.teacher-hero-card .teacher-card-tag{color:#ffc972!important}.editorial-hero-foot{border-color:rgba(8,45,58,.18)!important;color:#4d6a70!important}.editorial-hero-foot b{color:#0a7482!important}
.editorial-intro,.editorial-chapters,.editorial-approach,.musa-lab,.musa-titration,.musa-molecule,.editorial-account,.editorial-teacher,.editorial-faq{background:var(--haref-paper)!important;color:var(--haref-ink)!important}.editorial-intro h2,.editorial-chapters h2,.editorial-approach h2,.editorial-teacher h2,.editorial-faq h2{color:var(--haref-ink)!important}.editorial-intro p,.editorial-chapters p,.editorial-approach p,.editorial-teacher p,.editorial-faq p{color:#4b6970!important}.editorial-label{color:#087f92!important}.editorial-label:before{background:#ef9567!important}.chapter-card,.approach-card{background:#fffdf7!important;border-color:rgba(8,45,58,.13)!important;box-shadow:0 16px 35px rgba(8,45,58,.08)!important}.chapter-card h3,.approach-card h3{color:var(--haref-ink)!important}.chapter-card p,.approach-card p{color:#557076!important}
.musa-quiz{background:linear-gradient(125deg,#082f3b,#0c5965 54%,#0c3b47)!important}.musa-quiz:before{opacity:.22!important}.musa-quiz h2,.musa-quiz h3{color:#fff!important}.musa-quiz p,.musa-quiz small{color:#d1e6e6!important}.musa-quiz-card{border-color:rgba(125,239,238,.4)!important;background:rgba(1,26,34,.46)!important}.musa-quiz-card button{border-color:rgba(128,236,238,.36)!important;color:#ecfbfa!important}.musa-quiz-card button:hover{background:#f0c56d!important;color:#092a34!important}
.haref-discovery{background:radial-gradient(circle at 87% 12%,rgba(89,217,221,.27),transparent 25%),linear-gradient(125deg,#eaf4ee,#d3eee9 53%,#edf6ea)!important}.haref-discovery:before{color:rgba(8,45,58,.06)!important}.haref-discovery-head h2{color:var(--haref-ink)!important}.haref-discovery-head h2 em{color:#e5774c!important}.haref-discovery-head>p{color:#416269!important}.haref-discovery-head>div>span{border-color:#0b8c9a!important;color:#087786!important;background:rgba(255,255,255,.45)}.haref-catalog-tabs{border-color:rgba(8,45,58,.15)!important}.haref-catalog-tabs button{color:#4c696f!important}.haref-catalog-tabs button i{background:rgba(8,45,58,.08)!important}.haref-catalog-tabs button.active{background:#087f92!important;color:#fff!important;border-radius:9px}.haref-catalog-tabs button.active i{background:rgba(255,255,255,.18)!important;color:#fff!important}.haref-course-card{background:#fffdf7!important;border-color:rgba(8,45,58,.13)!important;box-shadow:0 18px 38px rgba(8,45,58,.11)!important}.haref-course-card:hover{border-color:#0b9daf!important}.haref-course-image{background:linear-gradient(135deg,#0a7482,#074356)!important}.haref-course-image>span{background:rgba(5,49,62,.86)!important;color:#cefcff!important;border-color:rgba(158,241,244,.5)!important}.haref-course-enrolled .haref-course-image>span{background:#f4dc9c!important;color:#5d4007!important;border-color:#dbae57!important}.haref-course-content small,.haref-free-lesson small{color:#087887!important}.haref-course-content h3,.haref-free-lesson h3{color:var(--haref-ink)!important}.haref-course-content p{color:#5a7377!important}.haref-course-content a,.haref-free-lesson section>span{color:#d96f47!important;border-color:rgba(8,45,58,.12)!important}.haref-free-lesson{background:#fffdf8!important;border-color:rgba(8,45,58,.14)!important;box-shadow:0 14px 30px rgba(8,45,58,.08)}.haref-free-lesson>div{background:#0a6f7f!important}.haref-lesson-index{color:#c9f8fb!important}.haref-empty{background:rgba(255,255,255,.55)!important;border-color:#84b7ba!important;color:#45666d!important}
.safe-grades{background:linear-gradient(130deg,#0a3441,#095c67 55%,#06333e)!important}.safe-reviews{background:#f4f6ed!important}.safe-reviews .safe-section-heading h2{color:var(--haref-ink)!important}.safe-reviews .safe-section-heading p{color:#557076!important}.safe-review-card{background:#fffefa!important;border-color:rgba(8,45,58,.14)!important;border-top-color:#e9b75e!important;box-shadow:0 16px 34px rgba(8,45,58,.1)!important}.safe-review-card>p,.safe-review-card footer b{color:var(--haref-ink)!important}.safe-review-card footer small{color:#5a7377!important}.safe-review-card footer{border-color:rgba(8,45,58,.12)!important}.safe-review-card footer i{background:#ef9567!important;color:#fff!important}.safe-review-quote{color:#e9b75e!important}.editorial-footer{background:#082f3b!important}
@media(prefers-reduced-motion:no-preference){.teacher-hero-card{animation:harefCardFloat 5s ease-in-out infinite}.editorial-hero-copy .big-cta{transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s ease}.editorial-hero-copy .big-cta:hover{transform:translateY(-3px);box-shadow:0 17px 32px rgba(239,149,103,.33)!important}@keyframes harefCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}}
.new-header{background:rgba(247,250,244,.92)!important;border-bottom:1px solid rgba(8,45,58,.13)!important;backdrop-filter:blur(14px)}.new-header .logo b{color:var(--haref-ink)!important}.new-header .logo small{color:#4a6870!important}.new-header nav a,.new-header .text-link{color:#234c57!important}.new-header .header-button{border-color:var(--haref-coral)!important;background:var(--haref-coral)!important;color:#fff!important;box-shadow:0 9px 22px rgba(239,149,103,.25)!important}
@media(max-width:780px){.editorial-header,.new-header{background:rgba(247,250,244,.94)!important}.editorial-hero{min-height:auto!important;padding-top:100px!important;background:radial-gradient(circle at 90% 5%,rgba(89,217,221,.36),transparent 24%),linear-gradient(160deg,#f8f5e8,#ddf0e7 60%,#c3e4e2)!important}.editorial-hero-copy h1{font-size:clamp(48px,15vw,70px)!important}.teacher-hero-card{box-shadow:10px 12px 0 rgba(8,45,58,.12),0 23px 40px rgba(8,45,58,.16)!important}.editorial-hero-foot{color:#385a60!important}.haref-discovery{padding-inline:18px!important}.safe-reviews{padding-bottom:90px!important}}