/* Quantora V9 — unified design system. One coherent visual architecture, not an override patch. */
:root{
  --q-bg:#f7f8fc;--q-surface:#fff;--q-surface-2:#f1f3f8;--q-text:#101828;--q-muted:#667085;--q-line:#e5e7ef;
  --q-brand:#5b5cf0;--q-brand-2:#7c6df7;--q-cyan:#20c6d6;--q-success:#18a56b;--q-radius:18px;--q-shadow:0 18px 50px rgba(16,24,40,.07);--q-max:1240px
}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--q-bg);color:var(--q-text);font-family:Inter,DM Sans,"Noto Sans Arabic",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent }
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(700px 420px at 88% -8%,rgba(91,92,240,.13),transparent 70%),radial-gradient(600px 420px at -8% 32%,rgba(32,198,214,.08),transparent 70%)}
/* Shared application chrome */
.topbar{position:sticky!important;top:0!important;height:68px!important;display:flex!important;align-items:center!important;gap:24px!important;padding:0 max(18px,calc((100vw - var(--q-max))/2))!important;background:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(16,24,40,.07)!important;backdrop-filter:blur(22px) saturate(150%)!important;z-index:1000!important}
.brand{display:inline-flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;white-space:nowrap}.brand-mark{width:34px!important;height:34px!important;border-radius:11px!important;background:linear-gradient(135deg,var(--q-brand),var(--q-cyan))!important;box-shadow:0 9px 24px rgba(91,92,240,.22)!important}.brand-name{font-size:19px!important;font-weight:850!important;letter-spacing:-.04em!important}
.topnav{display:flex!important;align-items:center!important;gap:3px!important;margin-left:auto!important}.topnav a{padding:9px 12px!important;border-radius:10px!important;text-decoration:none!important;color:#667085!important;font-size:13px!important;font-weight:700!important;transition:.2s ease!important}.topnav a:hover,.topnav a.active{color:var(--q-brand)!important;background:#f0efff!important}.top-actions{display:flex!important;align-items:center!important;gap:8px!important}.top-actions a,.lang-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 13px!important;border:1px solid var(--q-line)!important;border-radius:10px!important;background:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:750!important}
.page-shell{min-height:calc(100vh - 68px)!important}.workspace{width:100%!important;max-width:var(--q-max)!important;margin:0 auto!important;padding:34px 22px 70px!important}.container{width:100%!important;max-width:none!important;margin:0 auto!important}
.side-rail{position:sticky!important;top:68px!important;width:224px!important;background:rgba(255,255,255,.72)!important;border-right:1px solid var(--q-line)!important}.rail-link{display:flex!important;align-items:center!important;min-height:42px!important;border-radius:11px!important;margin:3px!important;text-decoration:none!important}.rail-link.active{background:#f0efff!important;color:var(--q-brand)!important}
/* Hero */
.hero{position:relative!important;isolation:isolate!important;overflow:hidden!important;display:flex!important;align-items:center!important;min-height:390px!important;margin-bottom:30px!important;padding:64px!important;border:1px solid #e2e4f3!important;border-radius:28px!important;background:linear-gradient(135deg,#fff 0%,#f5f3ff 58%,#effdfe 100%)!important;box-shadow:var(--q-shadow)!important}.hero-content{position:relative!important;z-index:2!important;max-width:760px!important}.hero:before,.hero:after{content:"";position:absolute!important;border-radius:50%!important;pointer-events:none!important}.hero:before{width:470px;height:470px;right:-220px;top:-240px;background:radial-gradient(circle,rgba(32,198,214,.22),transparent 68%)}.hero:after{width:430px;height:430px;left:-260px;bottom:-270px;background:radial-gradient(circle,rgba(91,92,240,.15),transparent 68%)}.hero-orb{display:none!important}.eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:7px 11px!important;border-radius:999px!important;background:#f0efff!important;color:var(--q-brand)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--q-brand)}h1{margin:17px 0 16px!important;font-size:clamp(42px,6vw,76px)!important;line-height:.98!important;letter-spacing:-.075em!important;font-weight:850!important}h1 span{background:linear-gradient(105deg,var(--q-brand),#3f82ef 55%,var(--q-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:690px!important;margin:0!important;color:#667085!important;font-size:16px!important;line-height:1.75!important}.hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:25px!important}.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 18px!important;border-radius:11px!important;text-decoration:none!important;font-weight:800!important;font-size:12px!important;border:1px solid transparent!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}.btn:hover{transform:translateY(-1px)!important}.btn-primary,.calc-button{color:#fff!important;background:linear-gradient(135deg,var(--q-brand),var(--q-brand-2))!important;box-shadow:0 12px 26px rgba(91,92,240,.22)!important}.btn-secondary{background:#fff!important;color:var(--q-text)!important;border-color:var(--q-line)!important}
/* Content hierarchy */
.section{padding-top:18px!important}.section-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;margin:0 0 16px!important}.section-head h2{margin:0!important;font-size:28px!important;line-height:1.1!important;letter-spacing:-.045em!important}.section-head p{margin:5px 0 0!important;color:var(--q-muted)!important;font-size:13px!important}.muted{color:var(--q-muted)!important}.small{font-size:11px!important}.grid{gap:16px!important}
.card,.calc-card{position:relative!important;overflow:hidden!important;border:1px solid var(--q-line)!important;border-radius:var(--q-radius)!important;background:rgba(255,255,255,.9)!important;box-shadow:0 8px 28px rgba(16,24,40,.045)!important}.card:hover,.calc-card:hover{border-color:#d8d6fb!important;box-shadow:0 18px 42px rgba(16,24,40,.09)!important}.card:after,.calc-card:after{content:"";position:absolute;right:-90px;top:-100px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(91,92,240,.08),transparent 68%);pointer-events:none}.tool-card{min-height:170px!important}.tool-icon,.calc-icon{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:13px!important;background:#f0efff!important;color:var(--q-brand)!important}
/* Forms */
.searchbox,.calc-search,.field input,.field textarea,.field select,.calc-field input,.calc-field select,.tool-tab{background:#fff!important;color:var(--q-text)!important;border:1px solid var(--q-line)!important;box-shadow:none!important;outline:none!important}.searchbox,.calc-search{min-height:48px!important}.field input,.field textarea,.field select,.calc-field input,.calc-field select{min-height:44px!important;border-radius:10px!important}.searchbox:focus,.calc-search:focus,.field input:focus,.field textarea:focus,.field select:focus,.calc-field input:focus,.calc-field select:focus{border-color:#aaa6f7!important;box-shadow:0 0 0 3px rgba(91,92,240,.09)!important}
/* Calculator system */
.calc-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.calc-card{display:flex!important;flex-direction:column!important;padding:20px!important;min-width:0!important}.calc-head{display:flex!important;align-items:flex-start!important;gap:11px!important;margin-bottom:14px!important}.calc-head h3{margin:0 0 4px!important;font-size:15px!important;line-height:1.25!important}.calc-head p{margin:0!important;color:var(--q-muted)!important;font-size:11px!important;line-height:1.45!important}.calc-fields{display:grid!important;gap:9px!important}.calc-field label{display:block!important;margin-bottom:5px!important;font-size:10px!important;font-weight:750!important;color:#475467!important}.calc-field input{width:100%!important;padding:0 10px!important}.calc-actions{display:flex!important;gap:8px!important;margin-top:auto!important;padding-top:13px!important}.calc-button{flex:1!important;border:0!important;cursor:pointer!important;min-height:40px!important;border-radius:10px!important}.calc-clear{min-height:40px!important;padding:0 12px!important;border:1px solid var(--q-line)!important;border-radius:10px!important;background:#fff!important;color:#475467!important;cursor:pointer!important}.calc-result{margin-top:10px!important;min-height:46px!important;padding:9px 10px!important;border-radius:10px!important;background:#f5f4ff!important;border:1px solid #e4e1ff!important;color:#5147d6!important;font-size:12px!important;font-weight:800!important}.calc-result small{display:block!important;margin-top:2px!important;color:var(--q-muted)!important;font-size:9px!important;font-weight:500!important}
/* Mobile architecture */
.q2-mobile-nav{display:none!important}
@media(max-width:1050px){.calc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.workspace{padding-inline:18px!important}.hero{padding:50px!important}}
@media(max-width:760px){.topbar{height:60px!important;padding:0 12px!important;gap:10px!important}.brand-name{font-size:17px!important}.topnav,.top-actions{display:none!important}.page-shell{min-height:calc(100vh - 60px)!important}.side-rail{display:none!important}.workspace{padding:12px 10px 78px!important}.hero{min-height:0!important;padding:30px 20px!important;border-radius:21px!important;margin-bottom:23px!important}.hero-copy{font-size:14px!important;line-height:1.65!important}h1{font-size:clamp(38px,11vw,55px)!important}.section-head{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}.section-head h2{font-size:25px!important}.calc-grid{grid-template-columns:1fr!important;gap:12px!important}.card,.calc-card{border-radius:15px!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{width:100%!important}.q2-mobile-nav{display:flex!important;position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;height:56px!important;z-index:1100!important;align-items:center!important;justify-content:space-around!important;padding:5px!important;border:1px solid rgba(16,24,40,.09)!important;border-radius:18px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 15px 45px rgba(16,24,40,.14)!important;backdrop-filter:blur(18px)!important}.q2-mobile-nav a{display:flex!important;flex:1!important;height:46px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border-radius:12px!important;text-decoration:none!important;color:#667085!important;font-size:9px!important;font-weight:750!important}.q2-mobile-nav a span:first-child{font-size:17px!important}.q2-mobile-nav a.active{background:#f0efff!important;color:var(--q-brand)!important}}
@media(max-width:430px){.workspace{padding-inline:8px!important}.hero{padding:25px 16px!important}h1{font-size:37px!important}.calc-card{padding:16px!important}}
/* Dark mode */
body.is-dark{--q-bg:#080b14;--q-surface:#111827;--q-surface-2:#171d2c;--q-text:#f4f7ff;--q-muted:#a5aec0;--q-line:rgba(148,163,184,.15);background:var(--q-bg)!important;color:var(--q-text)!important}body.is-dark:before{background:radial-gradient(700px 420px at 88% -8%,rgba(91,92,240,.22),transparent 70%)}body.is-dark .topbar{background:rgba(8,11,20,.84)!important;border-color:var(--q-line)!important}body.is-dark .topnav a{color:#a5aec0!important}body.is-dark .topnav a:hover,body.is-dark .topnav a.active,body.is-dark .q2-mobile-nav a.active{background:rgba(91,92,240,.15)!important;color:#a9a5ff!important}body.is-dark .top-actions a,body.is-dark .lang-btn,body.is-dark .btn-secondary,body.is-dark .calc-clear{background:#111827!important;color:#e7ebf5!important;border-color:var(--q-line)!important}body.is-dark .hero{background:linear-gradient(135deg,#111827,#211d3d 58%,#0b2930)!important;border-color:rgba(148,163,184,.12)!important}body.is-dark .hero-copy,body.is-dark .section-head p,body.is-dark .calc-head p{color:#a5aec0!important}body.is-dark .card,body.is-dark .calc-card{background:rgba(17,24,39,.92)!important;border-color:var(--q-line)!important}body.is-dark .searchbox,body.is-dark .calc-search,body.is-dark .field input,body.is-dark .field textarea,body.is-dark .field select,body.is-dark .calc-field input,body.is-dark .calc-field select{background:#0f172a!important;color:#f4f7ff!important;border-color:var(--q-line)!important}body.is-dark .calc-result{background:rgba(91,92,240,.13)!important;border-color:rgba(91,92,240,.25)!important;color:#c5c2ff!important}body.is-dark .q2-mobile-nav{background:rgba(12,17,29,.9)!important;border-color:var(--q-line)!important}
@media(prefers-reduced-motion:no-preference){.hero{animation:q9-enter .42s ease both}.card,.calc-card,.btn{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.brand-mark{transition:transform .2s ease}.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.04)}}@keyframes q9-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}