/* HAMOU MATH Signature Design System v48 — original responsive visual overhaul */
:root{--hm-ink:#071426;--hm-ink-2:#0b1d35;--hm-blue:#173f73;--hm-cyan:#36d9d0;--hm-cyan-soft:#dffaf7;--hm-gold:#e7b96a;--hm-paper:#f5f7fb;--hm-white:#fff;--hm-text:#14253d;--hm-muted:#63748a;--hm-line:#dfe7f1;--hm-radius:24px;--hm-shadow:0 18px 55px rgba(10,31,57,.09)}
html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--hm-paper);color:var(--hm-text);font-family:"Tajawal","IBM Plex Sans Arabic","Noto Sans Arabic",system-ui,sans-serif;line-height:1.8}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 8%,rgba(54,217,208,.07),transparent 30%),radial-gradient(ellipse at 92% 28%,rgba(23,63,115,.055),transparent 34%)}a{transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(54,217,208,.65);outline-offset:3px}.container{width:min(1200px,calc(100% - 44px));margin-inline:auto}
/* Navigation */
.topbar{position:sticky;top:0;z-index:100;background:rgba(7,20,38,.94);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 8px 30px rgba(4,15,31,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar .container{width:min(1320px,calc(100% - 36px))}.navbar{min-height:78px;gap:22px}.brand{color:#fff!important;font-size:19px;font-weight:950;letter-spacing:.025em;gap:11px}.brand-badge{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,var(--hm-cyan),#7af3dd);color:#072039!important;box-shadow:0 6px 24px rgba(54,217,208,.23);font-size:25px}.desktop-nav{gap:5px}.nav-link,.nav-btn{color:#dce8f7!important;border-radius:11px;padding:9px 12px;font-size:13px;font-weight:750}.nav-link:hover,.nav-btn:hover,.nav-link.active{background:rgba(255,255,255,.09);color:#fff!important}.nav-menu{background:#0c2039;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.nav-menu button{color:#edf5ff}.nav-actions{gap:9px}.icon-btn{color:#fff;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.07)}.ref-user{color:#eaf2fb}.primary-btn,.success-btn{background:linear-gradient(115deg,#45e0d1,#a1f4dd);color:#08213b!important;border:0;border-radius:13px;box-shadow:0 8px 22px rgba(54,217,208,.16);font-weight:900}.primary-btn:hover,.success-btn:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(54,217,208,.25)}.secondary-btn{background:#fff;color:#153b65!important;border:1px solid #cbd9e9;border-radius:13px;font-weight:850}.mobile-menu{background:#091a30;border:1px solid rgba(255,255,255,.12);border-radius:0 0 20px 20px;padding:12px}.mobile-menu a,.mobile-menu button{color:#edf5ff}
/* Signature hero */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 64px!important;background:linear-gradient(118deg,#061326 0%,#0a2442 54%,#123a60 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(160,223,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(160,223,242,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 0%,#000 45%,#000 100%);opacity:.5}.hero::after{content:"∫  ∑  π  Δ";position:absolute;z-index:-1;left:-15px;bottom:-40px;color:rgba(101,235,222,.075);font-size:clamp(100px,18vw,240px);font-weight:900;white-space:nowrap;letter-spacing:-.08em;line-height:1}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(34px,6vw,86px)}.hero-copy{max-width:660px}.hero .eyebrow,.eyebrow{color:#50e0d2;font-size:12px;font-weight:950;letter-spacing:.055em}.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(80,224,210,.28);border-radius:999px;background:rgba(80,224,210,.08);color:#a6fff1}.hero h1{max-width:690px;margin:20px 0 18px;font-size:clamp(39px,5.2vw,68px);font-weight:950;line-height:1.22;letter-spacing:-.04em;color:#fff}.hero h1 em{display:inline;color:#5be5d5;font-style:normal;text-shadow:0 0 35px rgba(54,217,208,.12)}.hero p{max-width:620px;color:#c5d5e8!important;font-size:clamp(16px,1.6vw,19px);line-height:2}.hero-actions{gap:12px;margin-top:28px}.hero-actions .primary-btn,.hero-actions .secondary-btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.hero-actions .secondary-btn{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.24);color:#fff!important}.micro-proof{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:25px;color:#c4d8eb;font-size:12px}.micro-proof span{display:inline-flex;align-items:center;gap:6px}.hero-card{position:relative;overflow:hidden;padding:29px!important;border:1px solid rgba(173,226,244,.2)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(20,52,84,.92),rgba(7,23,43,.95))!important;box-shadow:0 30px 85px rgba(0,0,0,.28)!important;color:#fff}.hero-card::before{content:"";position:absolute;top:-120px;left:-70px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(74,225,211,.19);box-shadow:0 0 0 24px rgba(74,225,211,.025),0 0 0 50px rgba(74,225,211,.02)}.math-badge{position:relative;width:60px;height:60px;border-radius:18px;background:linear-gradient(145deg,#57e8d8,#b1f4df);color:#08213a;font-size:30px;box-shadow:0 12px 30px rgba(54,217,208,.2)}.hero-card-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 0 12px;font-size:10px;letter-spacing:.08em;color:#a8c5dc}.hero-live-dot{display:inline-flex;align-items:center;gap:7px;color:#a5f6d9;letter-spacing:0}.hero-live-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#55edb5;box-shadow:0 0 0 4px rgba(85,237,181,.12)}.hero-card h3{position:relative;margin:0 0 8px;color:#fff;font-size:25px;font-weight:900}.hero-card .muted{color:#bfd0e2!important;font-size:14px;line-height:1.9}.hero-card .grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.hero-card .card{display:flex;align-items:center;gap:10px;min-height:70px;padding:13px!important;border:1px solid rgba(202,230,247,.12)!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important;color:#eaf5ff;box-shadow:none!important;font-weight:800;font-size:13px}.hero-mini-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:rgba(76,226,213,.12);color:#67eddb;font-size:20px}.hero-card-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#a9bfd5}
/* Cards, page hierarchy, resources */
main>section:not(.hero){padding-block:54px}main>section:nth-of-type(even):not(.hero){background:rgba(255,255,255,.52)}.section-head{align-items:end;margin-bottom:27px}.section-head h2,main h2{font-size:clamp(25px,3vw,36px);line-height:1.35;font-weight:950;letter-spacing:-.025em;color:#112a47}.section-head p{max-width:720px;color:#65768c;font-size:14px;line-height:1.9}.card,.banner,.growth-card,.growth-hero,.function-card,.bac-editorial,.bac-tile{border:1px solid var(--hm-line)!important;border-radius:21px!important;background:linear-gradient(145deg,#fff,#f9fbfe)!important;box-shadow:0 8px 28px rgba(14,40,70,.045)!important}.card{padding:23px!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover,.function-card:hover{transform:translateY(-4px);border-color:#a9e8e2!important;box-shadow:0 18px 42px rgba(14,40,70,.09)!important}.stats-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:5px}.stats-card::after{content:"";position:absolute;left:-15px;bottom:-28px;width:82px;height:82px;border-radius:50%;background:rgba(54,217,208,.09)}.stat-number{font-size:35px;font-weight:950;color:#143f6c;line-height:1.3}.muted{color:var(--hm-muted)}.grid{gap:17px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Learning growth section */
.growth-section{background:linear-gradient(180deg,#eef4fa,#f7f9fc)!important}.growth-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:20px}.growth-hero,.growth-card{padding:clamp(22px,3vw,34px)!important}.growth-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f5fbfd)!important}.growth-hero::after{content:"∑";position:absolute;left:-12px;bottom:-55px;font-size:220px;font-weight:950;line-height:1;color:rgba(25,107,138,.045);pointer-events:none}.growth-hero h2{font-size:clamp(27px,3vw,39px);line-height:1.35;margin:15px 0}.growth-hero p,.growth-card>p{color:#66778b;line-height:1.95}.growth-card h3{margin:0 0 8px;font-size:23px;font-weight:950;color:#123254}.ai-mini-form{gap:11px}.ai-mini-form input,.ai-mini-form select,.ai-mini-form textarea,input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #d7e1ed;border-radius:12px;background:#fff;color:#142a45;min-height:46px;padding:11px 13px}.ai-mini-form input:focus,.ai-mini-form select:focus,.ai-mini-form textarea:focus{border-color:#4bd8ca;box-shadow:0 0 0 3px rgba(54,217,208,.13)}.ai-mini-form textarea{min-height:90px}.ai-mini-result{border-radius:12px;background:#f1f7fb;border:1px solid #e0eaf2;color:#5a6d82;padding:13px;font-size:12px;line-height:1.8}.persona-grid{gap:10px;margin-top:24px}.persona{border:1px solid #e0e9f1;border-radius:16px;background:#fff;padding:15px;transition:transform .2s,border-color .2s}.persona:hover{border-color:#71ded3;transform:translateY(-3px)}.persona strong{color:#14395e}.persona small{color:#66778c;line-height:1.7}.growth-feature-grid{gap:13px;margin-top:18px}.growth-feature{border:1px solid #dfe8f1;border-radius:17px;background:#fff;padding:19px;display:flex;flex-direction:column;gap:7px}.growth-feature>span:first-child{font-size:24px}.growth-feature b{color:#14395e}.growth-feature>span:last-child{font-size:12px;color:#65778c;line-height:1.8}.daily-card{border-radius:20px;background:linear-gradient(115deg,#0b2340,#17456a);color:#fff;padding:22px 25px;margin-top:18px}.daily-card .challenge-text{font-weight:850}.daily-card .daily-answer{color:#78f0d8}.daily-card button{flex-shrink:0}
/* Bac editorial */
#bac-academy{padding-block:25px 55px!important}.bac-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:30px;padding:clamp(24px,4vw,45px)!important;background:linear-gradient(120deg,#07172c,#0e3153)!important;border-color:rgba(81,221,208,.25)!important;color:#fff;box-shadow:0 22px 55px rgba(7,23,44,.16)!important}.bac-editorial h2{font-size:clamp(27px,3vw,40px);line-height:1.4;color:#fff;margin:14px 0}.bac-editorial p{color:#c4d7e9;line-height:2}.bac-label{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(65,225,208,.1);border:1px solid rgba(65,225,208,.23);color:#8af4e3;font-size:12px;font-weight:900}.bac-editorial .secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;margin:7px 0 0 7px}.bac-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.bac-tile{display:flex;flex-direction:column;gap:7px;padding:18px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important}.bac-tile span:first-child{font-size:11px;color:#80e8dc;font-weight:900}.bac-tile strong{color:#fff;font-size:17px}.bac-tile span:last-child{color:#c0d3e5;font-size:12px;line-height:1.8}
/* Function catalog */
.hamou-functions-section{padding-block:55px!important}.function-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.function-card{min-height:180px;padding:21px!important;position:relative;overflow:hidden}.function-card::after{content:"";position:absolute;width:70px;height:70px;left:-20px;bottom:-25px;border-radius:50%;background:rgba(54,217,208,.09)}.function-card span:first-child{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e8f9f7;font-size:25px}.function-card b{font-size:16px;color:#14395f}.function-card small{font-size:12px;line-height:1.85;color:#66778b}.account-conversion{background:#edf7fa!important;border-color:#d5e9ed!important;border-radius:17px!important}.premium-strip{background:linear-gradient(110deg,#0a1d35,#173f67)!important;border:1px solid rgba(64,217,206,.2);border-radius:18px!important}.premium-strip strong{color:#fff}.premium-strip span{color:#d0e0ee}.ghost-btn{border-radius:12px;font-weight:900}
/* Inputs and lower site-wide pages */
form label{color:#304762;font-weight:750}input::placeholder,textarea::placeholder{color:#91a0b2}select{cursor:pointer}table{border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:13px}th{background:#eaf2f8;color:#153c63}td,th{padding:12px;border-bottom:1px solid #e4ebf3}pre,code{max-width:100%;overflow:auto}.page-title,h1{letter-spacing:-.02em}footer,.footer{background:#07172b!important;color:#b9cadd!important;border-top:1px solid rgba(255,255,255,.08)}footer a,.footer a{color:#d9e8f5}hr{border:0;border-top:1px solid #e0e8f0}
/* Motion respects accessibility */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:1080px){.desktop-nav{gap:0}.nav-link,.nav-btn{padding-inline:8px;font-size:12px}.hero-grid{gap:35px}.function-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-grid,.bac-editorial{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.container{width:min(100% - 30px,700px)}.topbar .container{width:calc(100% - 24px)}.navbar{min-height:68px}.desktop-nav{display:none}.hero{padding:55px 0 45px!important}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{max-width:none}.hero h1{font-size:clamp(37px,8vw,58px)}.hero-card{max-width:620px;width:100%;margin-inline:auto}.growth-grid,.bac-editorial{grid-template-columns:1fr}.growth-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:start;flex-direction:column}.section-head h2,main h2{font-size:28px}main>section:not(.hero){padding-block:40px}}
@media(max-width:520px){.container{width:calc(100% - 24px)}.hero{padding:43px 0 36px!important}.hero h1{font-size:36px;line-height:1.3}.hero p{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions a{width:100%}.micro-proof{display:grid;grid-template-columns:1fr;gap:7px}.hero-card{padding:20px!important;border-radius:22px!important}.hero-card h3{font-size:22px}.hero-card .grid-2{gap:8px}.hero-card .card{padding:10px!important;min-height:66px;font-size:11px}.hero-card-footer{font-size:10px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr 1fr}.stats-card{padding:17px!important}.stat-number{font-size:29px}.growth-feature-grid{grid-template-columns:1fr 1fr}.persona-grid{grid-template-columns:1fr}.bac-tiles{grid-template-columns:1fr 1fr}.bac-tile{padding:13px!important}.bac-tile strong{font-size:14px}.function-grid{grid-template-columns:1fr 1fr;gap:9px}.function-card{min-height:160px;padding:15px!important;border-radius:17px!important}.function-card b{font-size:14px}.function-card small{font-size:11px}.account-conversion,.premium-strip{padding:15px!important}.daily-card{align-items:stretch;flex-direction:column}.daily-card button{width:100%}.nav-actions .primary-btn{display:none}.section-head h2,main h2{font-size:25px}}
@media(max-width:370px){.hero h1{font-size:31px}.hero-card .grid-2,.grid-4,.grid-3,.grid-2,.bac-tiles,.function-grid{grid-template-columns:1fr}.hero-card .card{font-size:13px}.growth-feature-grid{grid-template-columns:1fr}}