:root{
  --green-950:#053b2a;
  --green-900:#064b34;
  --green-800:#0a6846;
  --green-700:#0d7e52;
  --green-600:#11975f;
  --green-500:#20b66f;
  --green-300:#8de0b7;
  --green-200:#c9f0dc;
  --green-100:#eaf8f1;
  --green-50:#f5fbf8;
  --ink:#10231b;
  --ink-2:#33463e;
  --muted:#6e8078;
  --line:#dce9e2;
  --line-2:#edf3ef;
  --white:#fff;
  --shadow-sm:0 8px 24px rgba(16,68,45,.06);
  --shadow:0 18px 48px rgba(16,68,45,.10);
  --shadow-lg:0 30px 80px rgba(16,68,45,.14);
  --radius-sm:12px;
  --radius:18px;
  --radius-lg:26px;
  --container:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5}
[hidden]{display:none !important}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin:auto}
.muted{color:var(--muted)}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#527166;margin-bottom:12px}
.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:var(--green-100);color:var(--green-800);font-size:11px;font-weight:800}
.material-symbols-rounded{
  font-family:'Material Symbols Rounded', sans-serif !important;
  font-weight:normal;
  font-style:normal;
  font-size:20px;
  line-height:1;
  letter-spacing:normal;
  text-transform:none !important;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
  font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;
}

/* Header */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,233,226,.78)}
.nav{height:82px;display:grid;grid-template-columns:270px 1fr auto;align-items:center;gap:28px}
.brand-logo{height:42px;width:auto}
.main-nav{display:flex;justify-content:center;gap:28px;color:#42564d;font-size:14px}
.main-nav a{padding:30px 0 25px;position:relative}
.main-nav a.active,.main-nav a:hover{color:var(--green-800)}
.main-nav a.active:after{content:"";position:absolute;left:10%;right:10%;bottom:18px;height:2px;border-radius:2px;background:var(--green-700)}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{border:0;border-radius:11px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--green-600),var(--green-800));color:#fff;box-shadow:0 8px 22px rgba(12,126,82,.18)}
.btn-secondary{background:#fff;border:1px solid #9ac6b0;color:var(--green-800)}
.btn-soft{background:var(--green-100);color:var(--green-800)}
.btn-dark{background:var(--green-950);color:#fff}
.btn-lg{padding:15px 22px;font-size:14px;border-radius:13px}
.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;color:#50655b;cursor:pointer}

/* Home */
.hero-premium{position:relative;overflow:hidden;padding:64px 0 46px;background:linear-gradient(180deg,#fbfefc,#f7fcf9 72%,#fff)}
.hero-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(92,197,143,.20),transparent 28%),radial-gradient(circle at 91% 32%,rgba(137,204,231,.26),transparent 24%);pointer-events:none}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.28fr;gap:58px;align-items:center}
.hero-copy h1{font-size:64px;line-height:.99;letter-spacing:-3.4px;margin:0 0 20px;max-width:600px}
.hero-copy h1 span{color:var(--green-700)}
.hero-copy>p{font-size:18px;color:#43564e;max-width:580px;margin:0 0 26px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-proof{margin-top:22px;display:flex;align-items:center;gap:11px;color:#486057;font-size:13px}
.hero-proof .dot{width:40px;height:40px;border-radius:12px;background:var(--green-100);display:grid;place-items:center;color:var(--green-700)}
.hero-proof strong{display:block;color:var(--ink);font-size:13px}

.device-wrap{position:relative;padding:22px 0}
.device{background:#0c1712;border-radius:22px;padding:9px;box-shadow:var(--shadow-lg);transform:perspective(1400px) rotateY(-2deg)}
.device-screen{background:#f6faf8;border-radius:14px;overflow:hidden;min-height:420px}
.device-top{height:54px;background:#fff;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.device-top img{height:22px;width:auto}.user-mini{display:flex;align-items:center;gap:8px;font-size:10px;color:#7e8d86}.avatar{width:28px;height:28px;border-radius:50%;background:#0d8757;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}
.device-body{display:grid;grid-template-columns:145px 1fr;min-height:366px}
.device-sidebar{background:#eef6f2;padding:14px 10px;display:flex;flex-direction:column;gap:5px}
.device-sidebar a{padding:9px 10px;border-radius:9px;font-size:10px;color:#617168;display:flex;gap:8px;align-items:center}.device-sidebar a.active{background:#d9f2e5;color:#0a724a;font-weight:800}
.device-main{padding:18px}.device-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.device-head h3{margin:0;font-size:18px}.device-head p{font-size:10px;color:#7f8e86;margin:2px 0 0}
.demo-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:10px}.demo-card{background:#fff;border:1px solid #e6efea;border-radius:13px;padding:12px}.demo-card.green{background:linear-gradient(180deg,#effaf4,#fff)}
.demo-card h4{font-size:10px;margin:0 0 8px}.demo-card strong,.demo-card span,.demo-card small{display:block}.demo-card strong{font-size:12px}.demo-card span,.demo-card small{font-size:9px;color:#6e7d76}
.demo-start{margin-top:10px;width:100%;background:var(--green-700);color:#fff;border:0;border-radius:8px;padding:9px;font-size:9px;font-weight:800}
.demo-ring{width:78px;height:78px;margin:8px auto;border-radius:50%;background:conic-gradient(var(--green-600) 72%,#e6efea 0);display:grid;place-items:center;position:relative}.demo-ring:after{content:"";position:absolute;width:59px;height:59px;background:#fff;border-radius:50%}.demo-ring b{z-index:1;color:var(--green-800)}
.demo-subjects{display:grid;gap:8px}.demo-row{display:grid;grid-template-columns:72px 1fr 28px;gap:7px;align-items:center;font-size:8px;color:#637269}.bar{height:6px;background:#e8f1ec;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#60c38e,#179b61);border-radius:999px}
.hero-note{position:absolute;right:-10px;top:-14px;color:#2a7555;font-family:"Comic Sans MS",cursive;font-weight:700;transform:rotate(-4deg);font-size:14px}
.swiss-note{position:absolute;right:-20px;bottom:22px;background:#fff7df;padding:13px 14px;border-radius:4px;box-shadow:0 10px 26px rgba(27,61,46,.14);transform:rotate(-5deg);width:146px}.swiss-note b{display:inline-grid;place-items:center;width:24px;height:24px;background:#e5383b;color:#fff;border-radius:4px}.swiss-note p{font:700 11px/1.35 "Comic Sans MS",cursive;margin:8px 0 0}

.value-strip{padding:0 0 24px}.value-grid{border:1px solid #dcede3;background:linear-gradient(180deg,#f1faf5,#edf8f2);border-radius:20px;padding:17px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-item{display:flex;gap:12px}.value-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--green-600),var(--green-800));color:#fff;display:grid;place-items:center;flex:0 0 auto}.value-item h3{font-size:13px;margin:0 0 3px}.value-item p{font-size:10px;color:#6f7f77;margin:0}
.section{padding:26px 0}.section.soft{background:linear-gradient(180deg,#fff,#fbfdfc)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}.section-head h2{font-size:28px;letter-spacing:-.8px;margin:0}.section-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.section-head a{font-size:12px;color:var(--green-700);font-weight:800}
.uni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.uni-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.2s}.uni-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.uni-photo{height:120px;position:relative;background:linear-gradient(180deg,#a7cddd,#d8e8df)}.uni-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,55,38,.18))}.geneve{background:linear-gradient(180deg,#a8cee0,#d7ebe2)}.lausanne{background:linear-gradient(180deg,#a5cada,#cfe4d4)}.neuchatel{background:linear-gradient(180deg,#abc9d8,#d8d0be)}
.uni-bottom{padding:13px 15px;display:flex;justify-content:space-between;align-items:center}.uni-bottom strong,.uni-bottom span{display:block}.uni-bottom strong{font-size:14px}.uni-bottom span{font-size:10px;color:#7a8982}.round-arrow{width:32px;height:32px;border-radius:50%;border:0;background:var(--green-50);color:var(--green-700)}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.offer-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:var(--shadow-sm)}.offer-card.featured{background:linear-gradient(180deg,#f0fbf5,#fff);border:1.5px solid #47ae7d}.badge{position:absolute;right:15px;top:15px;background:#daf3e6;color:#0d7b4f;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.offer-icon{width:44px;height:44px;border-radius:50%;background:var(--green-100);color:var(--green-800);display:grid;place-items:center}.offer-card h3{font-size:16px;margin:12px 0 4px}.offer-card>p{font-size:11px;color:#66766f;margin:0}.offer-card ul{list-style:none;padding:0;margin:14px 0 20px}.offer-card li{font-size:10px;color:#526159;margin:6px 0}.offer-card li:before{content:"✓";color:var(--green-600);font-weight:900;margin-right:8px}.offer-bottom{display:flex;justify-content:space-between;align-items:center}.price small{font-size:9px;color:#78877f}.price strong{font-size:21px;margin-left:4px}
.progress-wrap{display:grid;grid-template-columns:.72fr 1.7fr;gap:24px}.progress-list{display:grid;gap:12px;margin-top:18px}.progress-point{display:flex;gap:10px}.progress-point .value-icon{width:32px;height:32px}.progress-point strong,.progress-point span{display:block}.progress-point strong{font-size:11px}.progress-point span{font-size:9px;color:#708078;margin-top:2px}
.analytics{display:grid;grid-template-columns:1.45fr .95fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel-head strong{font-size:13px}.panel-head span{font-size:9px;color:#76867e;background:#f4f8f6;padding:6px 8px;border-radius:8px}
.spark{height:220px;position:relative;background:linear-gradient(#edf3ef 1px,transparent 1px);background-size:100% 25%;border-radius:10px;overflow:hidden}.spark svg{width:100%;height:100%}.spark .gain{position:absolute;right:8px;top:8px;background:#dcf4e8;color:#0b7b4d;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800}
.subject-list{display:grid;gap:11px}.subject-line{display:grid;grid-template-columns:105px 1fr 32px;gap:8px;align-items:center;font-size:9px}.overview-stats{margin-top:17px;padding-top:14px;border-top:1px solid var(--line-2);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.overview-stats div{background:#f7fbf9;padding:10px;border-radius:10px}.overview-stats strong,.overview-stats span{display:block}.overview-stats strong{font-size:16px;color:var(--green-800)}.overview-stats span{font-size:8px;color:#718078}
.faq-grid{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:18px}.faq-list{display:grid;gap:8px}details{border:1px solid var(--line);border-radius:11px;padding:0 12px}summary{list-style:none;cursor:pointer;padding:11px 0;font-size:11px;font-weight:700;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--green-700);font-size:17px}details[open] summary:after{content:"–"}details p{font-size:10px;color:#687870;margin:0;padding:0 0 11px}
.final-cta{margin-top:16px;background:linear-gradient(135deg,#e9f7f0,#f6fbf8);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.cta-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;align-items:center;gap:24px}.cta-grid h2{font-size:24px;margin:0}.cta-grid p{margin:3px 0 0;color:#697970;font-size:12px}.cta-notes{font-size:9px;color:#64776c;margin-top:7px}.handwriting{font-family:"Comic Sans MS",cursive;color:#276f51;font-weight:700;transform:rotate(-3deg);text-align:center}
footer{padding:22px 0 26px}.footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px}.footer img{height:32px;width:auto}.footer-links{display:flex;gap:18px;font-size:10px;color:#6d7d75}.socials{display:flex;gap:8px}.socials a{width:30px;height:30px;border-radius:50%;background:#f0f6f3;display:grid;place-items:center;font-size:11px;font-weight:800}

/* App shell */
.app-page{background:#f4f8f6;min-height:100vh}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.app-sidebar{background:#073e2e;color:#d9ebe3;padding:20px 14px 40px;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.app-sidebar::-webkit-scrollbar{width:5px}.app-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:99px}.app-sidebar .app-logo{height:36px;width:auto;margin-bottom:20px;filter:brightness(0) invert(1)}.profile-mini{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.06);padding:12px;border-radius:14px;margin-bottom:16px}.profile-mini .avatar{width:38px;height:38px}.profile-mini strong,.profile-mini span{display:block}.profile-mini strong{font-size:12px;color:#fff}.profile-mini span{font-size:9px;color:#b7d2c5}.app-nav{display:grid;gap:4px}.app-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:#cde2d7;font-size:12px;transition:all .15s ease}.app-nav a.active,.app-nav a:hover{background:rgba(89,211,147,.16);color:#fff}.app-main{padding:22px 28px 48px;min-width:0;max-width:100%;overflow-x:hidden}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.app-topbar h1{font-size:26px;margin:0;letter-spacing:-.7px}.app-topbar p{margin:3px 0 0;color:#718078;font-size:12px}.topbar-actions{display:flex;gap:10px;align-items:center}.searchbox{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px;height:42px;width:280px}.searchbox input{border:0;outline:0;width:100%;font-size:12px;background:transparent}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)}.metric-head{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:38px;height:38px;border-radius:11px;background:var(--green-100);color:var(--green-800);display:grid;place-items:center}.metric strong{display:block;font-size:27px;letter-spacing:-1px;margin-top:12px}.metric span{font-size:10px;color:#74837c}.metric small{display:block;margin-top:8px;font-size:9px;color:#0d8a56;font-weight:800}
.dashboard-main{display:grid;grid-template-columns:1.55fr .95fr;gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)}.card h3{font-size:14px;margin:0}.card-sub{font-size:10px;color:#74837b;margin-top:3px}.resume-card{background:linear-gradient(135deg,#edf9f3,#fff);display:flex;justify-content:space-between;align-items:center;padding:20px}.resume-card .subject{display:flex;gap:12px;align-items:center}.big-icon{width:50px;height:50px;border-radius:15px;background:#d9f3e5;color:#0e8655;display:grid;place-items:center}.resume-card strong,.resume-card span{display:block}.resume-card strong{font-size:16px}.resume-card span{font-size:10px;color:#6d7d75}.resume-meta{display:flex;gap:16px;margin-top:7px;font-size:9px;color:#607269}.stack{display:grid;gap:14px}.activity-list{display:grid;gap:9px;margin-top:13px}.activity{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-2)}.activity:last-child{border-bottom:0}.activity strong,.activity span{display:block}.activity strong{font-size:10px}.activity span{font-size:9px;color:#75847d}

/* QBank */
.qbank-layout{display:grid;grid-template-columns:275px 1fr;gap:18px}.filter-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;position:sticky;top:104px;height:max-content}.filter-card h3{font-size:14px;margin:0 0 14px}.filter-group{padding:14px 0;border-top:1px solid var(--line-2)}.filter-group:first-of-type{border-top:0}.filter-label{font-size:10px;font-weight:800;color:#5f7167;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font-size:11px;color:#43554c}.check{display:flex;gap:8px;align-items:center;font-size:11px;color:#56675f;margin:8px 0}.check input{accent-color:var(--green-700)}.check-wrap{align-items:flex-start}.check-wrap input{margin-top:2px}.material-symbols-rounded{opacity:0}html.mq-fonts-ready .material-symbols-rounded{opacity:1;transition:opacity .15s}.qbank-content{display:grid;gap:14px}.qbank-hero{background:linear-gradient(135deg,#073f2f,#0d7b50);color:#fff;border-radius:20px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.qbank-hero h2{font-size:25px;margin:0 0 5px}.qbank-hero p{font-size:11px;color:#d7ebe2;margin:0}.qbank-count{background:rgba(255,255,255,.12);padding:13px 16px;border-radius:13px;text-align:center}.qbank-count strong{display:block;font-size:24px}.qbank-count span{font-size:9px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:10px;color:#55675e;cursor:pointer}.chip.active{background:var(--green-800);color:#fff;border-color:var(--green-800)}
.question-list{display:grid;gap:10px}.question-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.question-card:hover{border-color:#b7d9c7}.q-meta{display:flex;gap:7px;margin-bottom:7px}.tag{font-size:8px;font-weight:800;padding:4px 7px;border-radius:999px;background:var(--green-100);color:var(--green-800)}.tag.gray{background:#f1f4f2;color:#6c7a73}.question-card h3{font-size:13px;margin:0 0 6px}.question-card p{font-size:10px;color:#76857d;margin:0}.question-stats{display:flex;gap:16px;font-size:9px;color:#6b7c73;margin-top:8px}.question-action{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef8f3;color:#0a7950}

/* Auth */
.auth-page{min-height:100vh;background:linear-gradient(135deg,#f8fcfa 0%,#edf8f2 52%,#fdfefe 100%);display:grid;place-items:center;padding:32px}.auth-shell{width:min(1000px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden}.auth-brand{background:linear-gradient(155deg,#063f2e,#0b7650);color:#fff;padding:42px;position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.06);right:-90px;bottom:-80px}.auth-brand img{height:54px;filter:brightness(0) invert(1)}.auth-brand h1{font-size:38px;line-height:1.03;letter-spacing:-1.8px;margin:70px 0 16px}.auth-brand p{color:#d4e9df;font-size:13px;max-width:380px}.auth-points{display:grid;gap:12px;margin-top:34px}.auth-point{display:flex;gap:10px;align-items:center;font-size:11px;color:#e3f0e9}.auth-point span:first-child{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.10);display:grid;place-items:center}.auth-panel{padding:40px}.auth-tabs{display:flex;background:#f2f7f4;padding:4px;border-radius:11px;margin-bottom:26px}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:10px;font-size:11px;font-weight:800;color:#64766d;cursor:pointer}.auth-tabs button.active{background:#fff;color:var(--green-800);box-shadow:0 4px 12px rgba(33,68,51,.07)}.auth-form{display:none}.auth-form.active{display:block}.auth-form h2{font-size:24px;margin:0}.auth-form>p{font-size:11px;color:#74837b;margin:5px 0 22px}.field{margin-bottom:13px}.field label{display:block;font-size:10px;font-weight:800;color:#53645c;margin-bottom:6px}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;font-size:12px;outline:none}.field input:focus,.field select:focus{border-color:#7bc29e;box-shadow:0 0 0 3px rgba(31,167,101,.09)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-options{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#697970;margin:2px 0 16px}.auth-options a{color:var(--green-700);font-weight:800}.auth-divider{display:flex;align-items:center;gap:10px;color:#8a9791;font-size:9px;margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-footer{font-size:9px;color:#85918b;margin-top:16px;text-align:center}

@media(max-width:1050px){.main-nav{display:none}.nav{grid-template-columns:1fr auto}.hero-grid,.progress-wrap{grid-template-columns:1fr}.device-wrap{max-width:760px}.hero-note,.swiss-note{display:none}.value-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:90px minmax(0,1fr)}.app-sidebar{padding:18px 10px}.app-sidebar .app-logo{width:50px;height:auto;object-fit:cover;object-position:left}.profile-mini{display:none}.app-nav a span:not(.material-symbols-rounded){display:none}.app-nav a{justify-content:center}.qbank-layout{grid-template-columns:1fr}.filter-card{position:static}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}}
@media(max-width:760px){.container{width:min(100% - 24px,var(--container))}.nav{height:70px}.brand-logo{height:35px}.nav-actions .btn-secondary{display:none}.hero-premium{padding-top:38px}.hero-copy h1{font-size:44px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.device-body{grid-template-columns:1fr}.device-sidebar{display:none}.demo-grid{grid-template-columns:1fr}.value-grid,.uni-grid,.offer-grid,.analytics,.faq-grid,.cta-grid,.dashboard-main{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:16px}.app-topbar{align-items:flex-start;gap:10px;flex-direction:column}.searchbox{width:100%}.qbank-hero{align-items:flex-start;flex-direction:column}.auth-page{padding:12px}.auth-panel{padding:24px}.two-fields{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.overview-stats{grid-template-columns:1fr 1fr 1fr}}

/* V5 — high-resolution photographic treatment */
.hero-with-photo{background-image:linear-gradient(90deg,rgba(250,253,251,.985) 0%,rgba(250,253,251,.94) 34%,rgba(250,253,251,.58) 53%,rgba(250,253,251,.10) 76%),url("https://thumb.wikimedia.org/wikipedia/commons/thumb/0/0c/Vue_panoramique_du_Jet_d%27Eau_de_Gen%C3%A8ve_-_panoramio.jpg/2560px-Vue_panoramique_du_Jet_d%27Eau_de_Gen%C3%A8ve_-_panoramio.jpg")!important;background-size:cover!important;background-position:center 48%!important;background-repeat:no-repeat!important}.hero-with-photo .hero-grid{min-height:500px}.hero-photo-overlay{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.08))!important}.uni-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;border-radius:18px!important}.uni-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(25,67,47,.10)}.uni-photo{height:180px!important;background-size:cover!important;background-repeat:no-repeat!important}.geneve-real{background-image:url("https://thumb.wikimedia.org/wikipedia/commons/thumb/0/0c/Vue_panoramique_du_Jet_d%27Eau_de_Gen%C3%A8ve_-_panoramio.jpg/1280px-Vue_panoramique_du_Jet_d%27Eau_de_Gen%C3%A8ve_-_panoramio.jpg")!important;background-position:center 54%!important}.lausanne-real{background-image:url("https://thumb.wikimedia.org/wikipedia/commons/thumb/8/87/Facult%C3%A9_de_M%C3%A9decine_Lausanne.jpg/1280px-Facult%C3%A9_de_M%C3%A9decine_Lausanne.jpg")!important;background-position:center 48%!important}.neuchatel-real{background-image:url("https://thumb.wikimedia.org/wikipedia/commons/thumb/d/d6/Panorama_Neuch%C3%A2tel_et_le_ch%C3%A2teau_au_lever_du_soleil.jpg/1280px-Panorama_Neuch%C3%A2tel_et_le_ch%C3%A2teau_au_lever_du_soleil.jpg")!important;background-position:center 50%!important}.uni-bottom{padding:16px 18px!important}.uni-bottom strong{font-size:15px}.uni-bottom span{font-size:10px;color:#76857d}.photo-credit{font-size:8px;color:#8a9690;padding:0 0 14px;text-align:center}
/* Concept additions */
.concept-choice-section{padding-top:46px}.concept-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.concept-choice-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;box-shadow:var(--shadow-sm)}.featured-choice{background:linear-gradient(135deg,#f1faf5,#fff);border-color:#82c9a4}.concept-choice-icon{width:52px;height:52px;border-radius:16px;background:var(--green-100);color:var(--green-800);display:grid;place-items:center;margin-bottom:16px}.concept-choice-card h3{font-size:22px;letter-spacing:-.5px;margin:14px 0 9px}.concept-choice-card p{font-size:12px;line-height:1.7;color:#65776e;margin:0 0 20px}.concept-exam-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center}.concept-exam-grid h2{font-size:34px;letter-spacing:-1px;margin:8px 0 12px}.concept-exam-grid p{font-size:13px;line-height:1.75;color:#63746b}.unique-exam-card{background:#073f2f;border-radius:24px;padding:24px;color:#fff;box-shadow:var(--shadow-lg)}.unique-exam-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px}.unique-exam-top>.material-symbols-rounded{font-size:32px;color:#58d493}.unique-exam-top strong,.unique-exam-top small{display:block}.unique-exam-top strong{font-size:15px}.unique-exam-top small{font-size:10px;color:#cce3d8;margin-top:2px}.unique-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:20px}.unique-flow>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:15px;padding:14px;min-height:110px}.unique-flow>div.final{background:rgba(63,207,133,.14);border-color:rgba(83,219,148,.32)}.unique-flow span,.unique-flow strong,.unique-flow small{display:block}.unique-flow>div>span{font-size:9px;color:#6ce0a4}.unique-flow strong{font-size:12px;margin:10px 0 4px}.unique-flow small{font-size:9px;color:#c8dfd4}
/* Legal + contact */
.legal-hero{padding:64px 0 38px;background:linear-gradient(135deg,#f3faf6,#fff);border-bottom:1px solid #edf3ef}.legal-hero h1{font-size:46px;letter-spacing:-1.8px;margin:6px 0 9px}.legal-hero p{font-size:14px;color:#687970}.legal-layout{display:grid;grid-template-columns:250px 1fr;gap:18px;align-items:start}.legal-toc{position:sticky;top:110px;display:grid;gap:4px;padding:16px}.legal-toc strong{font-size:13px;margin-bottom:8px}.legal-toc a{font-size:10px;color:#607168;padding:8px;border-radius:8px}.legal-toc a:hover{background:#f0f8f4;color:#0b7c4e}.legal-content{padding:28px}.legal-content h2{font-size:20px;letter-spacing:-.4px;margin:30px 0 8px}.legal-content h2:first-of-type{margin-top:12px}.legal-content p{font-size:12px;line-height:1.8;color:#586a61}.legal-content a{color:#0c7d4f;font-weight:700}.legal-draft{border:1px solid #e7cf8f;background:#fff8df;color:#7f662b;border-radius:12px;padding:11px 13px;font-size:10px;font-weight:700}.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;align-items:start}.contact-info-card{background:linear-gradient(150deg,#073f2f,#0c7750);color:#fff;border-radius:24px;padding:30px;min-height:420px;box-shadow:var(--shadow-lg)}.contact-info-card>.material-symbols-rounded{font-size:38px;color:#5cd799}.contact-info-card h2{font-size:30px;margin:20px 0 8px}.contact-info-card>p{font-size:12px;line-height:1.7;color:#d5e9df}.contact-email{display:inline-block;color:#fff;font-size:18px;font-weight:800;margin:24px 0;border-bottom:1px solid rgba(255,255,255,.45)}.contact-note{margin-top:38px;display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.08);border-radius:14px;padding:14px}.contact-note p{font-size:10px;color:#d7e9e0;margin:0}.contact-form{padding:28px}.contact-form h2{font-size:26px;margin:0 0 22px}.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;font:inherit;font-size:12px;resize:vertical;outline:none}.contact-form textarea:focus{border-color:#7bc29e;box-shadow:0 0 0 3px rgba(31,167,101,.09)}.contact-consent{display:flex;gap:9px;align-items:flex-start;font-size:10px;color:#6b7b73;margin:14px 0 18px}.contact-consent input{accent-color:#0c7b4e;margin-top:2px}.form-success{margin-top:14px;background:#e9f8f0;color:#0b7c4e;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:700}
@media(max-width:1050px){.concept-choice-grid,.concept-exam-grid,.legal-layout,.contact-layout{grid-template-columns:1fr}.legal-toc{position:static}.unique-flow{grid-template-columns:1fr}.unique-flow>.material-symbols-rounded{transform:rotate(90deg);justify-self:center}}@media(max-width:760px){.hero-with-photo{background-position:68% center!important}.uni-photo{height:150px!important}.legal-hero h1{font-size:36px}}

/* V6 critical layout fixes */
.brand-logo,.brand-logo-lg{height:52px!important;width:auto!important;max-width:230px!important;object-fit:contain!important}.nav{grid-template-columns:250px 1fr auto!important}
.hero-with-photo{background-image:linear-gradient(90deg,rgba(250,253,251,.99) 0%,rgba(250,253,251,.95) 30%,rgba(250,253,251,.70) 48%,rgba(250,253,251,.18) 72%),url("assets/hero-geneva.jpg")!important;background-size:cover!important;background-position:center 49%!important;background-repeat:no-repeat!important;padding:58px 0 48px!important}.hero-with-photo .hero-grid{min-height:480px!important}.hero-photo-overlay{position:absolute!important;inset:0!important;pointer-events:none!important}.device-wrap{min-width:0!important}.premium-device{max-width:720px!important;margin-left:auto!important}.dashboard-shot{min-height:0!important;background:#fff!important}.dashboard-shot img{width:100%!important;height:auto!important;display:block!important;object-fit:contain!important}.uni-photo{height:165px!important;background-size:cover!important;background-repeat:no-repeat!important}.geneve-real{background-image:url("assets/uni-geneve.jpg")!important;background-position:center 50%!important}.lausanne-real{background-image:url("assets/uni-lausanne.jpg")!important;background-position:center 52%!important}.neuchatel-real{background-image:url("assets/uni-neuchatel.jpg")!important;background-position:center 50%!important}.nav-actions{min-width:max-content!important}.cart-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--green-800);padding:8px 10px;border-radius:10px}.cart-link b{background:var(--green-700);color:#fff;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font-size:9px}.footer img{height:42px!important;width:auto!important}.footer{align-items:center!important}.photo-credit{display:none!important}@media(max-width:1050px){.nav{grid-template-columns:1fr auto!important}.brand-logo,.brand-logo-lg{height:46px!important}.premium-device{margin:10px auto 0!important}.hero-with-photo{background-position:60% center!important}}@media(max-width:760px){.brand-logo,.brand-logo-lg{height:40px!important}.nav-actions .cart-link span:not(.material-symbols-rounded){display:none}.hero-with-photo{background-image:linear-gradient(180deg,rgba(250,253,251,.99),rgba(250,253,251,.90)),url("assets/hero-geneva.jpg")!important;background-position:center!important}.hero-with-photo .hero-grid{min-height:auto!important}.uni-photo{height:150px!important}}


/* ============================================================
   MedQube V7 — stable homepage + concept, no photography
   ============================================================ */

body{overflow-x:hidden}
.brand-link{display:flex;align-items:center;min-width:165px}
.brand-logo-lg{height:48px!important;width:auto!important;max-width:210px!important;object-fit:contain!important}
.site-header .nav{min-height:82px}

/* Remove legacy photo constructs when old classes are present */
.hero-with-photo,.hero-photo-overlay,.uni-photo,.photo-credit{background-image:none!important;display:none!important}

/* Homepage hero */
.mq-hero{
  position:relative;
  overflow:hidden;
  padding:70px 0 60px;
  background:
    radial-gradient(circle at 82% 12%,rgba(54,189,121,.12),transparent 24%),
    radial-gradient(circle at 68% 70%,rgba(108,188,227,.11),transparent 26%),
    linear-gradient(180deg,#fbfefd 0%,#f3faf6 100%);
}
.mq-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,#dcebe3,transparent);
}
.mq-hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.mq-orb-a{width:330px;height:330px;right:-120px;top:-120px;background:rgba(38,172,104,.05)}
.mq-orb-b{width:240px;height:240px;left:44%;bottom:-170px;background:rgba(62,158,201,.05)}
.mq-hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:55px;align-items:center;position:relative;z-index:2}
.mq-hero-copy h1{font-size:61px;line-height:1.02;letter-spacing:-2.8px;margin:10px 0 18px}
.mq-hero-copy h1 span{color:var(--green-700)}
.mq-hero-copy>p{font-size:17px;line-height:1.65;color:#53655c;max-width:575px;margin:0 0 26px}
.mq-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}
.mq-trust-row>div{display:flex;gap:7px;align-items:center;font-size:10px;color:#52665c;font-weight:700}
.mq-trust-row .material-symbols-rounded{font-size:18px;color:var(--green-700)}

/* Fully HTML/CSS laptop */
.mq-device-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px}
.mq-device-shadow{position:absolute;bottom:33px;width:76%;height:30px;border-radius:50%;background:rgba(20,55,40,.14);filter:blur(18px)}
.mq-laptop{width:min(700px,100%);position:relative}
.mq-laptop:before{content:"";display:block;padding-top:62%}
.mq-laptop>.mq-screen{position:absolute;inset:0 4.4% 9%;border:9px solid #15251d;border-radius:20px 20px 9px 9px;background:#f6faf8;overflow:hidden;box-shadow:0 24px 55px rgba(24,61,44,.18)}
.mq-laptop-camera{position:absolute;z-index:5;top:5px;left:50%;transform:translateX(-50%);width:36px;height:5px;border-radius:999px;background:#263a30}
.mq-laptop-base{position:absolute;left:0;right:0;bottom:0;height:10%;background:linear-gradient(180deg,#d9dedb,#aeb9b3);clip-path:polygon(7% 0,93% 0,100% 72%,98% 100%,2% 100%,0 72%);box-shadow:0 8px 16px rgba(17,39,29,.15)}
.mq-laptop-base:after{content:"";position:absolute;left:43%;right:43%;top:0;height:30%;background:#9daaa3;border-radius:0 0 8px 8px}
.mq-demo-top{height:45px;background:#fff;border-bottom:1px solid #e6eee9;display:flex;align-items:center;justify-content:space-between;padding:6px 12px}
.mq-demo-top img{height:25px;width:auto;object-fit:contain}
.mq-demo-profile{display:flex;align-items:center;gap:8px;font-size:8px;color:#66776e}
.mq-demo-profile span{width:23px;height:23px;border-radius:50%;background:#0d7d50;color:#fff;display:grid;place-items:center;font-weight:800}
.mq-demo-layout{display:grid;grid-template-columns:118px 1fr;height:calc(100% - 45px)}
.mq-demo-nav{background:#0b3e2f;padding:12px 8px;display:flex;flex-direction:column;gap:5px}
.mq-demo-nav a{display:flex;gap:7px;align-items:center;border-radius:8px;padding:8px;color:#cce0d6;font-size:8px}
.mq-demo-nav a.active{background:rgba(65,208,134,.16);color:#fff}
.mq-demo-nav .material-symbols-rounded{font-size:14px}
.mq-demo-main{padding:14px;overflow:hidden}
.mq-demo-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.mq-demo-heading small,.mq-demo-heading strong{display:block}.mq-demo-heading small{font-size:8px;color:#7d8b84}.mq-demo-heading strong{font-size:13px;margin-top:1px}
.mq-demo-pill{font-size:7px;color:#5f7168;background:#edf5f1;padding:5px 7px;border-radius:999px}
.mq-demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mq-demo-metrics>div{background:#fff;border:1px solid #e4ece7;border-radius:9px;padding:9px}
.mq-demo-metrics span,.mq-demo-metrics strong,.mq-demo-metrics small{display:block}.mq-demo-metrics span{font-size:7px;color:#718078}.mq-demo-metrics strong{font-size:15px;margin:4px 0}.mq-demo-metrics small{font-size:7px;color:#118453}
.mq-demo-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:8px}
.mq-demo-chart-card,.mq-demo-subject-card{background:#fff;border:1px solid #e4ece7;border-radius:9px;padding:9px}
.mq-demo-card-head{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#78877f}.mq-demo-card-head strong{font-size:8px;color:#263831}
.mq-demo-chart-card svg{width:100%;height:103px;margin-top:7px}
.mq-subject-row{display:grid;grid-template-columns:55px 1fr 22px;gap:5px;align-items:center;margin-top:9px;font-size:6.5px;color:#687870}
.mq-subject-row i{height:5px;background:#e9f1ed;border-radius:99px;overflow:hidden}.mq-subject-row b{display:block;height:100%;background:#35a86c;border-radius:99px}.mq-subject-row em{font-style:normal;font-weight:700}

/* Value strip */
.mq-value-strip{padding:20px 0 12px}
.mq-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:#f0faf5;border:1px solid #dfeee6;border-radius:20px;padding:17px}
.mq-value-grid article{display:flex;gap:11px;align-items:flex-start}
.mq-value-grid h3{font-size:12px;margin:0 0 3px}.mq-value-grid p{font-size:9px;line-height:1.45;color:#708078;margin:0}

/* University cards without photos */
.mq-universities-section{padding-top:34px}
.mq-uni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mq-uni-card{
  min-height:180px;
  display:grid;
  grid-template-columns:74px 1fr auto;
  gap:17px;
  align-items:center;
  border:1px solid #dce8e1;
  border-radius:20px;
  padding:23px;
  background:#fff;
  box-shadow:0 10px 28px rgba(25,68,48,.045);
  position:relative;
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.mq-uni-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;top:-55px;background:rgba(21,143,88,.055);pointer-events:none}
.mq-uni-card:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(25,68,48,.085);border-color:#a4d9be}
.mq-uni-symbol{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f6ef,#d7eee2);border:1px solid #cfe7da;position:relative;z-index:2}
.mq-uni-symbol span{font-size:19px;font-weight:800;color:#0c7950;letter-spacing:-.5px}
.mq-uni-card small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7a8a82;position:relative;z-index:2}
.mq-uni-card h3{font-size:22px;margin:5px 0 2px;position:relative;z-index:2}.mq-uni-card p{font-size:10px;color:#66776f;margin:0;position:relative;z-index:2}
.mq-uni-card.mq-geneve{background:linear-gradient(135deg, rgba(255,255,255,0.96) 55%, rgba(255,255,255,0.85)), url('assets/uni-geneve.jpg') right center/cover no-repeat}
.mq-uni-card.mq-lausanne{background:linear-gradient(135deg, rgba(255,255,255,0.96) 55%, rgba(255,255,255,0.85)), url('assets/uni-lausanne.jpg') right center/cover no-repeat}
.mq-uni-card.mq-neuchatel{background:linear-gradient(135deg, rgba(255,255,255,0.96) 55%, rgba(255,255,255,0.85)), url('assets/uni-neuchatel.jpg') right center/cover no-repeat}
.mq-lausanne .mq-uni-symbol{background:linear-gradient(135deg,#edf7f2,#dbeee4)}
.mq-neuchatel .mq-uni-symbol{background:linear-gradient(135deg,#eef8f3,#deefe6)}
.mq-uni-card .round-arrow{position:relative;z-index:2}

/* Progress section */
.mq-progress-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:center}
.mq-progress-grid h2{font-size:32px;letter-spacing:-1px;margin:6px 0 6px}
.mq-dashboard-summary{border:1px solid #dce8e1;border-radius:22px;background:#fff;padding:20px;box-shadow:0 15px 38px rgba(23,66,47,.06)}
.mq-summary-top{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mq-summary-top>div{background:#f7fbf9;border-radius:13px;padding:13px}.mq-summary-top small,.mq-summary-top strong{display:block}.mq-summary-top small{font-size:8px;color:#7b8982}.mq-summary-top strong{font-size:21px;margin-top:4px;color:#0a7049}
.mq-summary-chart{margin-top:14px;border:1px solid #e6eee9;border-radius:14px;padding:13px}
.mq-summary-card-head{display:flex;justify-content:space-between;font-size:9px}.mq-summary-card-head span{color:#0a8452;font-weight:800}
.mq-bars{height:120px;display:flex;align-items:flex-end;gap:8px;margin-top:12px;padding:0 3px}
.mq-bars i{flex:1;background:linear-gradient(180deg,#42b47b,#148a58);border-radius:5px 5px 2px 2px;min-height:12px}

/* Concept rebuilt */
.mq-concept-hero{
  padding:68px 0 58px;
  background:
    radial-gradient(circle at 80% 20%,rgba(34,177,104,.10),transparent 25%),
    linear-gradient(180deg,#fbfefd,#f3faf6);
  border-bottom:1px solid #e5eee9;
}
.mq-concept-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.mq-concept-hero h1{font-size:53px;line-height:1.05;letter-spacing:-2.1px;margin:8px 0 17px}
.mq-concept-hero p{font-size:16px;line-height:1.7;color:#586a61;max-width:590px}
.mq-concept-visual{background:#fff;border:1px solid #dfeae4;border-radius:24px;padding:25px;box-shadow:0 20px 50px rgba(22,62,44,.07)}
.mq-concept-logo-box{text-align:center;padding:13px;border-bottom:1px solid #edf2ef}.mq-concept-logo-box img{height:58px;width:auto;max-width:250px;object-fit:contain}
.mq-concept-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin-top:22px}
.mq-concept-flow>div{min-height:116px;border-radius:15px;background:#f6fbf8;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.mq-concept-flow>div .material-symbols-rounded{color:#118354;font-size:26px;margin-bottom:10px}.mq-concept-flow>div strong{font-size:11px}.mq-concept-flow>.material-symbols-rounded{color:#94aaa0}
.mq-concept-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mq-concept-principles article{border:1px solid #dce8e1;border-radius:20px;padding:23px;background:#fff}
.mq-principle-icon{width:48px;height:48px;border-radius:15px;background:#e9f7f0;color:#0e7f50;display:grid;place-items:center}
.mq-concept-principles h3{font-size:18px;margin:16px 0 6px}.mq-concept-principles p{font-size:11px;line-height:1.65;color:#65766d;margin:0}
.mq-format-stack{display:grid;gap:14px}
.mq-format-row{
  display:grid;
  grid-template-columns:58px 56px 1fr auto;
  gap:18px;
  align-items:center;
  border:1px solid #dce8e1;
  border-radius:20px;
  padding:21px 22px;
  background:#fff;
}
.mq-format-row.highlighted{background:linear-gradient(90deg,#f2faf6,#fff);border-color:#8fcdb0}
.mq-format-row.exam{background:linear-gradient(90deg,#fbfdfc,#f5faf7)}
.mq-format-number{font-size:12px;font-weight:800;color:#9aa8a1}
.mq-format-icon{width:52px;height:52px;border-radius:15px;background:#e8f6ef;color:#0d7c4e;display:grid;place-items:center}
.mq-format-text h3{font-size:19px;margin:7px 0 5px}.mq-format-text p{font-size:11px;line-height:1.65;color:#687870;margin:0}
.mq-concept-dashboard{display:grid;grid-template-columns:1fr .8fr;gap:34px;align-items:center}
.mq-concept-dashboard h2{font-size:34px;letter-spacing:-1px;margin:7px 0 10px}.mq-concept-dashboard p{font-size:13px;line-height:1.7;color:#617269;margin:0 0 18px}
.mq-sidebar-preview{background:#083d2e;border-radius:22px;padding:18px;max-width:390px;justify-self:end;box-shadow:0 18px 40px rgba(13,59,42,.15);width:100%}
.mq-sidebar-preview-head{padding:5px 5px 17px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.mq-sidebar-preview-head img{height:37px;width:auto;filter:brightness(0) invert(1)}
.mq-sidebar-preview-item{display:flex;gap:11px;align-items:center;color:#c8dbd2;border-radius:11px;padding:11px 12px;font-size:11px}.mq-sidebar-preview-item.active{background:rgba(76,211,141,.15);color:#fff}
.mq-sidebar-preview-item .material-symbols-rounded{font-size:18px}
.mq-concept-cta{padding:32px 0 38px;background:linear-gradient(135deg,#eaf7f0,#f7fcf9);border-top:1px solid #dceae2}
.mq-concept-cta .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.mq-concept-cta h2{font-size:29px;letter-spacing:-.8px;margin:6px 0}.mq-concept-cta p{font-size:12px;color:#617269;margin:0}

/* Keep footer stable */
footer .footer img{height:36px!important;width:auto!important;object-fit:contain!important}
.photo-credit{display:none!important}

/* Responsive */
@media(max-width:1100px){
  .mq-hero-grid,.mq-progress-grid,.mq-concept-hero-grid,.mq-concept-dashboard{grid-template-columns:1fr}
  .mq-device-stage{min-height:390px}
  .mq-device-stage .mq-laptop{max-width:720px}
  .mq-value-grid{grid-template-columns:repeat(2,1fr)}
  .mq-uni-grid{grid-template-columns:1fr}
  .mq-concept-principles{grid-template-columns:1fr}
  .mq-concept-flow{grid-template-columns:1fr}
  .mq-concept-flow>.material-symbols-rounded{transform:rotate(90deg);justify-self:center}
  .mq-format-row{grid-template-columns:52px 50px 1fr}
  .mq-format-row>.btn{grid-column:3}
  .mq-sidebar-preview{justify-self:start}
}
@media(max-width:760px){
  .brand-logo-lg{height:40px!important;max-width:170px!important}
  .mq-hero{padding:45px 0 38px}
  .mq-hero-copy h1{font-size:43px;letter-spacing:-1.8px}
  .mq-hero-copy>p{font-size:14px}
  .mq-trust-row{display:grid;gap:9px}
  .mq-device-stage{min-height:300px}
  .mq-laptop{width:100%}
  .mq-demo-layout{grid-template-columns:1fr}.mq-demo-nav{display:none}
  .mq-demo-bottom{grid-template-columns:1fr}.mq-demo-subject-card{display:none}
  .mq-value-grid{grid-template-columns:1fr}
  .mq-uni-card{grid-template-columns:62px 1fr auto;min-height:140px;padding:17px}.mq-uni-symbol{width:58px;height:58px;border-radius:16px}
  .mq-progress-grid{gap:20px}.mq-summary-top{grid-template-columns:1fr}
  .mq-concept-hero{padding:45px 0 36px}.mq-concept-hero h1{font-size:40px}
  .mq-concept-flow{margin-top:12px}
  .mq-format-row{grid-template-columns:42px 1fr;gap:12px}.mq-format-icon{grid-column:1}.mq-format-text{grid-column:2}.mq-format-row>.btn{grid-column:2;width:100%}
  .mq-concept-cta .container{flex-direction:column;align-items:flex-start}
}


/* ============================================================
   MedQube V8 — store, free demo and dashboard stabilization
   ============================================================ */

.app-logo-link{display:block}
.app-sidebar .app-logo{
  display:block!important;
  height:48px!important;
  width:auto!important;
  max-width:190px!important;
  object-fit:contain!important;
  margin:0 0 26px!important;
}

/* Public catalogues */
.mq-catalog-hero{
  padding:52px 0 38px;
  background:linear-gradient(135deg,#f4fbf7,#ffffff);
  border-bottom:1px solid #e5eee9;
}
.mq-catalog-hero-grid{display:flex;justify-content:space-between;align-items:center;gap:28px}
.mq-catalog-hero h1{font-size:44px;letter-spacing:-1.5px;margin:5px 0 8px}
.mq-catalog-hero p{font-size:14px;color:#65766d;margin:0;max-width:660px}
.mq-catalog-hero-icon{width:82px;height:82px;border-radius:24px;background:#e7f6ee;color:#0c7b4e;display:grid;place-items:center;flex:0 0 auto}
.mq-catalog-hero-icon .material-symbols-rounded{font-size:38px}

.mq-catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start}
.mq-filter-panel{
  position:sticky;top:104px;
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;
  box-shadow:var(--shadow-sm);
}
.mq-filter-head{display:flex;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line-2);margin-bottom:14px}
.mq-filter-head>.material-symbols-rounded{color:#0d7e52}
.mq-filter-head strong,.mq-filter-head small{display:block}.mq-filter-head strong{font-size:14px}.mq-filter-head small{font-size:9px;color:#7a8982;margin-top:2px}
.mq-filter-panel>label{display:block;font-size:10px;font-weight:800;color:#576961;margin:14px 0 6px}
.mq-filter-panel .select{width:100%}
.mq-reset-filter{width:100%;margin-top:18px}
.mq-store-cats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line-2)}
.mq-store-cats .btn{width:100%;justify-content:center;font-size:13px}
@media(max-width:1100px){.mq-store-cats{flex-direction:row;justify-content:center;flex-wrap:wrap}.mq-store-cats .btn{width:auto}}
.mq-demo-mode{margin:16px 0}
.demo-mode-btn.active{background:#0d7e52;color:#fff;border-color:#0d7e52}
.demo-mode-btn.active .material-symbols-rounded{color:#fff}

.mq-store-content{min-width:0}
.mq-store-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.mq-store-toolbar h2{font-size:24px;margin:0}.mq-store-toolbar p{font-size:11px;color:#718078;margin:3px 0 0}
.mq-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.mq-store-card{
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;
  display:flex;flex-direction:column;min-height:300px;box-shadow:var(--shadow-sm);
}
.mq-store-card:hover{border-color:#b8d9c7;box-shadow:0 15px 36px rgba(18,65,44,.075)}
.mq-store-cover{margin:-19px -19px 14px;width:calc(100% + 38px);max-width:none;height:132px;overflow:hidden;border-radius:17px 17px 0 0;background:#f1f6f3;object-fit:cover;display:block}
.mq-store-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mq-store-icon{width:48px;height:48px;border-radius:15px;background:#e9f7f0;color:#0c7c4f;display:grid;place-items:center;flex:0 0 auto}
.mq-store-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.pill.subtle{background:#f3f6f4;color:#6b7a73}
.mq-store-expiry{display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto;min-width:0;font-size:10px;font-weight:600;color:#7a8982;line-height:1.35;text-align:center}
.mq-store-expiry .material-symbols-rounded{font-size:13px;color:#9aa8a1;flex:0 0 auto}
.mq-store-dates{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.mq-store-card h3{font-size:18px;line-height:1.25;margin:17px 0 7px}
.mq-store-card>p{font-size:11px;line-height:1.6;color:#6c7c74;margin:0}
.mq-store-features{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin:16px 0 20px}
.mq-store-features>span{display:flex;gap:6px;align-items:center;font-size:9px;color:#5a6b62}
.mq-store-features .material-symbols-rounded{font-size:14px;color:#118655}
.mq-store-footer{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line-2)}
.mq-price small,.mq-price strong{display:block}.mq-price small{font-size:8px;color:#7a8982;text-transform:uppercase}.mq-price strong{font-size:22px;margin-top:3px}
.mq-empty-state{text-align:center;background:#fff;border:1px dashed #cfded6;border-radius:18px;padding:44px 20px}
.mq-empty-state .material-symbols-rounded{font-size:38px;color:#8da097}.mq-empty-state h3{font-size:17px}.mq-empty-state p{font-size:11px;color:#718078}

/* Free demo */
.mq-free-hero{
  min-height:480px;
  display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:center;
  background:linear-gradient(135deg,#edf9f3,#fff);
  border:1px solid var(--line);border-radius:24px;padding:32px;
  box-shadow:var(--shadow-sm);
}
.mq-free-hero h2{font-size:34px;letter-spacing:-1px;margin:13px 0 10px}
.mq-free-hero p{font-size:13px;line-height:1.7;color:#63746b;max-width:610px}
.mq-free-points{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 24px}
.mq-free-points>span{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:700;color:#52655c}
.mq-free-points .material-symbols-rounded{font-size:17px;color:#118554}
.mq-free-visual{background:#073f2f;border-radius:20px;padding:22px;box-shadow:0 18px 42px rgba(12,62,43,.16)}
.mq-free-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.mq-free-grid span{height:45px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#d7e9e0;display:grid;place-items:center;font-size:11px;font-weight:800}
.mq-free-grid span.done{background:#35aa70;color:#fff;border-color:#35aa70}
.mq-free-mini-card{background:#fff;border-radius:16px;padding:16px;margin-top:16px}
.mq-free-mini-card small,.mq-free-mini-card strong{display:block}.mq-free-mini-card small{font-size:8px;color:#7c8b83}.mq-free-mini-card strong{font-size:13px;margin:4px 0}.mq-free-mini-card p{font-size:10px;line-height:1.45;color:#617169}
.mq-free-mini-card>div{display:grid;gap:6px}.mq-free-mini-card i{height:10px;border-radius:999px;background:#edf2ef}.mq-free-mini-card i.selected{background:#35aa70;width:84%}

/* Dashboard */
.mq-dashboard-content{display:grid;grid-template-columns:1.5fr .72fr;gap:14px}
.mq-dashboard-left,.mq-dashboard-right{display:grid;gap:14px;align-content:start}
.mq-resume-card{
  display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;
  padding:18px;background:linear-gradient(135deg,#eef9f3,#fff);
  border:1px solid #cee6da;border-radius:18px;box-shadow:var(--shadow-sm)
}
.mq-resume-icon{width:52px;height:52px;border-radius:15px;background:#d9f3e5;color:#0d7e51;display:grid;place-items:center}
.mq-resume-copy h3{font-size:15px;margin:8px 0 4px}.mq-resume-copy p{font-size:10px;color:#6e7e76;margin:0}
.mq-subject-list{margin-top:14px}
.mq-library-link{
  display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;
  box-shadow:var(--shadow-sm);
}
.mq-library-link-icon{width:46px;height:46px;border-radius:14px;background:#e9f7f0;color:#0d7c50;display:grid;place-items:center}
.mq-library-link small,.mq-library-link h3,.mq-library-link p{display:block;margin:0}
.mq-library-link small{font-size:8px;color:#839089;text-transform:uppercase;letter-spacing:.06em}
.mq-library-link h3{font-size:14px;margin-top:2px}.mq-library-link p{font-size:9px;color:#718079;margin-top:2px}
.mq-library-link>a{font-size:10px;color:#0d7c50;font-weight:800}
.mq-library-link.packs .mq-library-link-icon{background:#edf8f2}
.mq-library-link.exams .mq-library-link-icon{background:#f1f8f4}

/* Owned QBank / builder */
.mq-owned-section{margin-bottom:14px}
.mq-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.mq-section-title h2{font-size:20px;margin:0}.mq-section-title p{font-size:10px;color:#74837b;margin:3px 0 0}
.mq-owned-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mq-owned-bank{
  text-align:left;width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;padding:17px;
  display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;cursor:pointer
}
.mq-owned-bank.active{border-color:#62bc8d;background:#f3fbf6}
.mq-owned-bank-icon{width:46px;height:46px;border-radius:14px;background:#e8f6ef;color:#0c7c4f;display:grid;place-items:center}
.mq-owned-bank h3{font-size:14px;margin:8px 0 3px}.mq-owned-bank p{font-size:9px;color:#718078;margin:0}.mq-check{color:#0d8553}
.mq-builder{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow-sm)}
.mq-builder-head{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line-2);padding-bottom:16px}
.mq-builder-head h2{font-size:22px;margin:3px 0 0}
.mq-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 0}
.mq-builder-block{border:1px solid #e6eee9;border-radius:15px;padding:15px;background:#fbfdfc}
.mq-builder-block>label{display:block;font-size:10px;font-weight:800;color:#52655c;margin-bottom:10px}
.number-selector{display:flex;gap:7px;flex-wrap:wrap}
.number-selector button{min-width:48px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#617169;font-weight:800;cursor:pointer}
.number-selector button.active{background:#0d7e52;color:#fff;border-color:#0d7e52}
.mq-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mq-check-grid.compact{grid-template-columns:repeat(2,auto);justify-content:start}
.mq-check-grid label{display:flex;gap:7px;align-items:center;font-size:10px;color:#576961}.mq-check-grid input{accent-color:#0d7e52}
.mq-builder-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line-2);padding-top:16px}
.mq-builder-footer strong,.mq-builder-footer span{display:block}.mq-builder-footer strong{font-size:18px}.mq-builder-footer span{font-size:10px;color:#718078;margin-top:2px}

/* Purchased packs */
.mq-library-banner{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  background:linear-gradient(135deg,#eef9f3,#fff);border:1px solid #d5eadf;border-radius:20px;padding:22px;margin-bottom:14px
}
.mq-library-banner.exams{background:linear-gradient(135deg,#f2f9f5,#fff)}
.mq-library-banner h2{font-size:24px;margin:9px 0 5px}.mq-library-banner p{font-size:11px;color:#687970;margin:0}
.mq-library-count{min-width:130px;text-align:center;background:#fff;border:1px solid #dfeae4;border-radius:15px;padding:13px}.mq-library-count strong,.mq-library-count span{display:block}.mq-library-count strong{font-size:26px;color:#0c7c4f}.mq-library-count span{font-size:9px;color:#78867f}
.mq-library-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:15px 0}
.mq-sort{width:190px}
.mq-owned-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mq-owned-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.mq-owned-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.mq-owned-card-icon{width:46px;height:46px;border-radius:14px;background:#e9f7f0;color:#0d7c50;display:grid;place-items:center}
.mq-owned-card h3{font-size:16px;line-height:1.25;margin:14px 0 6px}.mq-owned-card>p{font-size:10px;line-height:1.55;color:#6d7d75;margin:0}
.mq-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.mq-meta-row span{font-size:8px;background:#f3f7f5;color:#687870;border-radius:999px;padding:5px 7px}
.mq-progress-row{margin-top:auto}.mq-progress-row>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#718078;margin-bottom:7px}.mq-progress-row strong{color:#1b2f26}
.mq-owned-actions{display:flex;gap:8px;margin-top:15px}.mq-owned-actions .btn{flex:1}

/* Purchased exams */
.mq-exam-list{display:grid;gap:13px}
.mq-exam-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:center;box-shadow:var(--shadow-sm)}
.mq-exam-main{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start}
.mq-exam-icon{width:56px;height:56px;border-radius:16px;background:#e9f7f0;color:#0d7c50;display:grid;place-items:center}.mq-exam-icon .material-symbols-rounded{font-size:27px}
.mq-exam-main h3{font-size:18px;margin:8px 0 5px}.mq-exam-main p{font-size:10px;color:#6e7e76;margin:0}
.mq-exam-specs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mq-exam-specs span{font-size:9px;background:#f4f8f6;border-radius:999px;padding:6px 8px;color:#607168}
.mq-exam-side{border-left:1px solid var(--line-2);padding-left:18px;display:grid;gap:8px}.mq-exam-side small,.mq-exam-side strong{display:block}.mq-exam-side small{font-size:8px;color:#7b8982}.mq-exam-side strong{font-size:16px}

@media(max-width:1100px){
  .mq-catalog-layout{grid-template-columns:1fr}
  .mq-filter-panel{position:static}
  .mq-store-grid{grid-template-columns:1fr 1fr}
  .mq-dashboard-content{grid-template-columns:1fr}
  .mq-owned-content-grid{grid-template-columns:1fr 1fr}
  .mq-free-hero{grid-template-columns:1fr}
}
@media(max-width:760px){
  .mq-catalog-hero-grid,.mq-store-toolbar,.mq-library-banner,.mq-library-toolbar,.mq-builder-head,.mq-builder-footer{align-items:flex-start;flex-direction:column}
  .mq-catalog-hero h1{font-size:36px}.mq-catalog-hero-icon{display:none}
  .mq-store-grid{grid-template-columns:1fr}
  .mq-store-features{grid-template-columns:1fr}
  .mq-store-card-head{gap:8px}
  .mq-store-expiry{font-size:9px;gap:3px}
  .mq-store-expiry .material-symbols-rounded{font-size:12px}
  .mq-store-footer{align-items:flex-start;flex-direction:column}.mq-store-footer .btn{width:100%}
  .mq-free-hero{padding:21px;min-height:0}.mq-free-hero h2{font-size:27px}
  .mq-resume-card{grid-template-columns:46px 1fr}.mq-resume-card>.btn{grid-column:2;width:100%}
  .mq-owned-bank-grid,.mq-builder-grid,.mq-owned-content-grid{grid-template-columns:1fr}
  .mq-check-grid{grid-template-columns:1fr}
  .mq-owned-actions{flex-direction:column}
  .mq-exam-card{grid-template-columns:1fr}.mq-exam-side{border-left:0;border-top:1px solid var(--line-2);padding-left:0;padding-top:15px}
  .mq-exam-main{grid-template-columns:46px 1fr}.mq-exam-icon{width:44px;height:44px;border-radius:13px}
}


/* ============================================================
   MedQube V9 — QCM session, cart, discover + sizing fixes
   ============================================================ */

/* Bigger logo */
.brand-logo,
.brand-logo-lg{
  height:60px!important;
  width:auto!important;
  max-width:255px!important;
  object-fit:contain!important;
}
.site-header .nav{min-height:88px!important}
.app-sidebar .app-logo{
  height:58px!important;
  max-width:215px!important;
}

/* Larger greeting inside homepage laptop */
.mq-demo-heading small{font-size:11px!important;line-height:1.2}
.mq-demo-heading strong{font-size:17px!important;line-height:1.2;margin-top:3px!important}
.mq-demo-heading{margin-bottom:13px!important}

/* QCM session */
.mq-qcm-main{background:#f6faf8;min-width:0}
.mq-session-side{margin-top:auto;padding:14px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#fff}
.mq-session-side strong,.mq-session-side small{display:block}.mq-session-side strong{font-size:13px;margin:10px 0 3px}.mq-session-side small{font-size:9px;color:#bcd4c8}
.mq-qcm-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}
.mq-qcm-topbar h1{font-size:29px;letter-spacing:-.8px;margin:3px 0}.mq-qcm-topbar p{font-size:11px;color:#718078;margin:0}
.mq-qcm-top-actions{display:flex;gap:9px;align-items:center}
.mq-timer{height:46px;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:13px}
.mq-timer .material-symbols-rounded{color:#0d7d50}.mq-timer small,.mq-timer strong{display:block}.mq-timer small{font-size:7px;color:#829089;text-transform:uppercase}.mq-timer strong{font-size:14px;margin-top:1px}
.mq-qcm-progressbar{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 15px;margin-bottom:14px}
.mq-qcm-progressbar>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:8px}.mq-qcm-progressbar>div span{color:#718078}
.mq-qcm-progressbar>i{display:block;height:8px;background:#e8f1ec;border-radius:999px;overflow:hidden}.mq-qcm-progressbar>i>b{display:block;height:100%;background:linear-gradient(90deg,#46b87e,#0d7e51);border-radius:999px}
.mq-qcm-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr);gap:14px;align-items:start}
.mq-qcm-left,.mq-qcm-right{display:grid;gap:14px;min-width:0}
.mq-question-card,.mq-correction-card,.mq-qnav-card,.mq-session-summary{background:#fff;border:1px solid var(--line);border-radius:19px;padding:19px;box-shadow:var(--shadow-sm)}
.mq-question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.mq-question-meta>div:first-child{display:flex;gap:7px;flex-wrap:wrap}.mq-question-tools{display:flex;gap:7px}
.mq-question-stem{display:grid;grid-template-columns:64px 1fr;gap:15px;align-items:start;margin:21px 0 18px}
.mq-question-index{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#e5f5ed,#d5eee1);color:#0b784c;display:grid;place-items:center;font-size:22px;font-weight:800}
.mq-question-stem h2{font-size:23px;line-height:1.28;letter-spacing:-.55px;margin:0 0 7px}.mq-question-stem p{font-size:11px;color:#718078;margin:0}
.mq-answer-area{display:grid;gap:9px}
.mq-answer-option{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px 13px;cursor:pointer;background:#fff;transition:.15s ease}
.mq-answer-option:hover{border-color:#9fcfb7;background:#fbfefc}.mq-answer-option.selected{border-color:#4fb680;background:#f2fbf6}
.mq-answer-option.correct{border-color:#2ca66a;background:#eefaf4}.mq-answer-option.wrong{border-color:#dd8d8d;background:#fff7f7}
.mq-answer-letter{width:34px;height:34px;border-radius:10px;background:#eef6f2;color:#0c7c50;display:grid;place-items:center;font-weight:800;font-size:12px}
.mq-answer-option.selected .mq-answer-letter,.mq-answer-option.correct .mq-answer-letter{background:#0e8655;color:#fff}.mq-answer-option.wrong .mq-answer-letter{background:#c45d5d;color:#fff}
.mq-answer-option span{font-size:12px;color:#35483f}.mq-answer-option em{font-style:normal;font-size:9px;color:#74837c}.mq-answer-option.correct em{color:#0d8553;font-weight:800}.mq-answer-option.wrong em{color:#bf5252;font-weight:800}
.mq-k-list{display:grid;border:1px solid var(--line);border-radius:15px;overflow:hidden}
.mq-k-row{display:grid;grid-template-columns:1fr 88px 88px;gap:0;border-top:1px solid var(--line-2);align-items:center}.mq-k-row:first-child{border-top:0}
.mq-k-statement{padding:13px;font-size:11px;color:#40534a}.mq-k-choice{height:100%;display:grid;place-items:center;border-left:1px solid var(--line-2);cursor:pointer;font-size:10px;font-weight:700;color:#6a7972}.mq-k-choice.selected{background:#eff9f4;color:#0d7e50}.mq-k-choice.correct{background:#e8f8ef;color:#0d7d4f}.mq-k-choice.wrong{background:#fff2f2;color:#bd4f4f}
.mq-question-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid var(--line-2)}.mq-question-footer>div{display:flex;gap:8px}
.mq-correction-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mq-correction-top h3{font-size:20px;margin:9px 0 0}.mq-correction-card>p{font-size:11px;line-height:1.7;color:#586a61}
.mq-correct-badge{padding:8px 11px;border-radius:10px;background:#e7f7ee;color:#0d7f50;font-size:10px;font-weight:800}.mq-correct-badge.error{background:#fff0f0;color:#bd4e4e}
.mq-learning-box{display:flex;gap:10px;background:#f3faf6;border-radius:13px;padding:13px;margin-top:13px}.mq-learning-box .material-symbols-rounded{color:#0d7e51}.mq-learning-box strong,.mq-learning-box p{display:block;margin:0}.mq-learning-box strong{font-size:10px}.mq-learning-box p{font-size:10px;color:#65766d;margin-top:3px}
.mq-card-title{display:flex;justify-content:space-between;align-items:center}.mq-card-title strong,.mq-card-title small{display:block}.mq-card-title strong{font-size:13px}.mq-card-title small{font-size:8px;color:#819088;margin-top:2px}.mq-card-title .material-symbols-rounded{color:#0d7d50}
.mq-qnav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:15px 0}.mq-qnav-btn{height:39px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:10px;font-weight:800;color:#687970;cursor:pointer}.mq-qnav-btn.current{background:#083f2f;color:#fff;border-color:#083f2f}.mq-qnav-btn.done{background:#e8f8ef;color:#0c7e4f;border-color:#9fd0b5}
.mq-qnav-legend{display:grid;gap:6px}.mq-qnav-legend span{display:flex;align-items:center;gap:7px;font-size:8px;color:#74837c}.mq-qnav-legend i{width:9px;height:9px;border-radius:50%;background:#dfe7e3}.mq-qnav-legend i.current{background:#083f2f}.mq-qnav-legend i.done{background:#20a164}
.mq-session-summary h3{font-size:13px;margin:0 0 10px}.mq-session-summary>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:10px}.mq-session-summary>div:last-child{border-bottom:0}.mq-session-summary span{color:#718078}

/* Cart */
.mq-cart-hero{padding:48px 0 34px;background:linear-gradient(135deg,#f4fbf7,#fff);border-bottom:1px solid #e5eee9}.mq-cart-hero h1{font-size:42px;letter-spacing:-1.5px;margin:5px 0 8px}.mq-cart-hero p{font-size:13px;color:#66776e;margin:0}
.mq-cart-layout{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}.mq-cart-main{background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px;box-shadow:var(--shadow-sm)}
.mq-cart-head{display:flex;justify-content:space-between;gap:12px;align-items:end;padding-bottom:14px;border-bottom:1px solid var(--line-2)}.mq-cart-head h2{font-size:22px;margin:0}.mq-cart-head p{font-size:10px;color:#75847c;margin:3px 0 0}.mq-cart-head>a{font-size:10px;font-weight:800;color:#0c7c4f}
.mq-cart-items{display:grid;gap:10px;margin-top:14px}.mq-cart-item{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:13px}
.mq-cart-item-icon{width:48px;height:48px;border-radius:14px;background:#e9f7f0;color:#0d7d50;display:grid;place-items:center}.mq-cart-item h3{font-size:13px;margin:0 0 3px}.mq-cart-item p{font-size:9px;color:#75847c;margin:0}.mq-cart-item-price{text-align:right}.mq-cart-item-price strong{display:block;font-size:15px}.mq-cart-remove{border:0;background:transparent;color:#a55;cursor:pointer;font-size:9px;margin-top:5px}
.mq-cart-empty{text-align:center;padding:52px 18px}.mq-cart-empty-icon{width:64px;height:64px;border-radius:19px;background:#eef7f2;color:#0d7e50;display:grid;place-items:center;margin:0 auto 14px}.mq-cart-empty h3{font-size:18px;margin:0 0 5px}.mq-cart-empty p{font-size:10px;color:#74837c}.mq-empty-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:15px}
.mq-cart-summary{position:sticky;top:105px;background:#083f2f;color:#fff;border-radius:20px;padding:21px;box-shadow:0 18px 42px rgba(12,62,43,.15)}.mq-cart-summary>h3{font-size:21px;margin:12px 0 17px}.mq-summary-line,.mq-summary-total{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:10px}.mq-summary-line span{color:#c7ddd2}.mq-summary-total{font-size:14px;border-bottom:0;margin-bottom:11px}.mq-summary-total strong{font-size:22px}.mq-cart-summary>.btn{width:100%}.mq-secure-note{display:flex;gap:7px;align-items:center;margin-top:11px;font-size:8px;color:#bcd4c8}.mq-secure-note .material-symbols-rounded{font-size:14px}

/* Discover */
.mq-discover-hero{position:relative;overflow:hidden;padding:68px 0;background:linear-gradient(180deg,#fbfefd,#f2faf6);min-height:650px;display:flex;align-items:center}
.mq-discover-orb{position:absolute;border-radius:50%;pointer-events:none}.mq-discover-orb.one{width:330px;height:330px;right:-90px;top:-80px;background:rgba(48,184,112,.06)}.mq-discover-orb.two{width:260px;height:260px;left:38%;bottom:-170px;background:rgba(81,162,203,.055)}
.mq-discover-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.mq-discover-copy h1{font-size:53px;line-height:1.05;letter-spacing:-2px;margin:8px 0 17px}.mq-discover-copy h1 span{color:#0c7d4f}.mq-discover-copy>p{font-size:15px;line-height:1.7;color:#5c6d64;max-width:580px}
.mq-discover-benefits{display:grid;gap:10px;margin:22px 0}.mq-discover-benefits>div{display:flex;gap:10px;align-items:flex-start}.mq-discover-benefits .material-symbols-rounded{width:35px;height:35px;border-radius:11px;background:#e8f7ef;color:#0c7d4f;display:grid;place-items:center;font-size:19px}.mq-discover-benefits p{margin:0}.mq-discover-benefits strong,.mq-discover-benefits small{display:block}.mq-discover-benefits strong{font-size:11px}.mq-discover-benefits small{font-size:9px;color:#78877f;margin-top:2px}.mq-discover-note{display:block;font-size:8px;color:#7b8982;margin-top:10px}
.mq-discover-preview{background:#fff;border:1px solid #dbe8e0;border-radius:23px;padding:21px;box-shadow:0 22px 55px rgba(22,62,44,.10)}.mq-preview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #e9efec}.mq-preview-top img{height:39px;width:auto}
.mq-preview-progress{padding:14px 0}.mq-preview-progress>div{display:flex;justify-content:space-between;font-size:9px}.mq-preview-progress span{color:#75847d}.mq-preview-progress i{display:block;height:7px;background:#e8f1ec;border-radius:99px;overflow:hidden;margin-top:8px}.mq-preview-progress b{display:block;height:100%;background:#25a367;border-radius:99px}
.mq-preview-question{border:1px solid #e2ebe6;border-radius:17px;padding:17px}.mq-preview-question h3{font-size:18px;line-height:1.35;margin:12px 0 14px}.mq-preview-option{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border:1px solid #e3ebe7;border-radius:11px;padding:9px 10px;margin-top:7px;font-size:9px;color:#596a61}.mq-preview-option b{width:27px;height:27px;border-radius:8px;background:#eef6f2;color:#0c7c50;display:grid;place-items:center}.mq-preview-option.selected{border-color:#43ad76;background:#effaf4}.mq-preview-option.selected b{background:#0d8353;color:#fff}.mq-preview-option .material-symbols-rounded{font-size:16px;color:#0d8353}
.mq-preview-numbers{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:14px}.mq-preview-numbers span{height:30px;border:1px solid #e0e9e4;border-radius:8px;display:grid;place-items:center;font-size:8px;color:#76857d}.mq-preview-numbers span.done{background:#e8f8ef;color:#0d7e50;border-color:#a3d3b9}.mq-preview-numbers span.current{background:#083f2f;color:#fff;border-color:#083f2f}

@media(max-width:1100px){
  .mq-qcm-layout,.mq-cart-layout,.mq-discover-grid{grid-template-columns:1fr}
  .mq-cart-summary{position:static}
  .mq-discover-hero{min-height:0}
}
@media(max-width:760px){
  .brand-logo,.brand-logo-lg{height:47px!important;max-width:195px!important}
  .site-header .nav{min-height:74px!important}
  .mq-qcm-topbar,.mq-qcm-top-actions,.mq-question-footer{align-items:flex-start;flex-direction:column}.mq-qcm-top-actions{width:100%}.mq-timer{width:100%}.mq-question-stem{grid-template-columns:1fr}.mq-question-index{width:52px;height:52px}.mq-question-stem h2{font-size:19px}.mq-question-footer>div{width:100%;flex-direction:column}.mq-question-footer .btn{width:100%}.mq-qnav-grid{grid-template-columns:repeat(6,1fr)}
  .mq-k-row{grid-template-columns:1fr}.mq-k-choice{border-left:0;border-top:1px solid var(--line-2);min-height:40px}
  .mq-cart-hero h1{font-size:34px}.mq-cart-head{align-items:flex-start;flex-direction:column}.mq-cart-item{grid-template-columns:44px 1fr}.mq-cart-item-price{grid-column:2;text-align:left}.mq-empty-actions{flex-direction:column}.mq-empty-actions .btn{width:100%}
  .mq-discover-hero{padding:46px 0}.mq-discover-copy h1{font-size:40px}.mq-discover-preview{padding:15px}.mq-preview-question h3{font-size:15px}.mq-preview-numbers{grid-template-columns:repeat(5,1fr)}
}


/* ============================================================
   MedQube V10 — cart rebuild, statistics, handwritten details
   ============================================================ */

/* Cart V10 */
.mq-cart-page{background:#f8fbf9}
.mq-cart-v10-hero{
  padding:48px 0 32px;
  background:
    radial-gradient(circle at 85% 20%,rgba(37,166,102,.08),transparent 22%),
    linear-gradient(180deg,#fbfefd,#f3faf6);
  border-bottom:1px solid #e4eee8;
}
.mq-cart-v10-hero h1{font-size:42px;letter-spacing:-1.4px;margin:5px 0 7px}
.mq-cart-v10-hero p{font-size:13px;color:#64766d;margin:0}
.mq-cart-v10-section{padding:28px 0 46px}
.mq-cart-v10-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.mq-cart-v10-content{
  background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;
  box-shadow:0 10px 30px rgba(20,64,45,.05);min-width:0
}
.mq-cart-v10-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;padding-bottom:15px;border-bottom:1px solid var(--line-2)}
.mq-cart-v10-toolbar h2{font-size:23px;margin:0}.mq-cart-v10-toolbar p{font-size:10px;color:#77867e;margin:3px 0 0}
.mq-cart-v10-toolbar>a{font-size:10px;color:#0d7e50;font-weight:800}
.mq-cart-v10-items{display:grid;gap:10px;margin-top:15px}
.mq-cart-v10-item{
  display:grid;grid-template-columns:52px minmax(0,1fr) 120px;gap:13px;align-items:center;
  border:1px solid #e0eae4;border-radius:15px;padding:14px;background:#fff
}
.mq-cart-v10-item-icon{width:50px;height:50px;border-radius:14px;background:#e9f7f0;color:#0d7e51;display:grid;place-items:center}
.mq-cart-v10-item-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#83918a}
.mq-cart-v10-item-copy h3{font-size:14px;margin:3px 0 3px;white-space:normal}
.mq-cart-v10-item-copy small{font-size:9px;color:#75847c}
.mq-cart-v10-item-price{text-align:right}.mq-cart-v10-item-price strong{display:block;font-size:15px}
.mq-cart-v10-item-price button{display:inline-flex;gap:4px;align-items:center;border:0;background:none;color:#a15353;font-size:9px;margin-top:6px;cursor:pointer}
.mq-cart-v10-item-price .material-symbols-rounded{font-size:14px}
.mq-cart-v10-empty{text-align:center;padding:42px 10px 24px}
.mq-cart-v10-empty-icon{width:64px;height:64px;border-radius:18px;background:#eaf7f0;color:#0d7e50;display:grid;place-items:center;margin:0 auto 14px}
.mq-cart-v10-empty-icon .material-symbols-rounded{font-size:30px}
.mq-cart-v10-empty h3{font-size:19px;margin:0 0 5px}.mq-cart-v10-empty>p{font-size:10px;color:#74837c;margin:0}
.mq-cart-v10-empty-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}
.mq-cart-choice{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:left;border:1px solid #dde9e2;border-radius:14px;padding:11px;background:#fbfdfc}
.mq-cart-choice>.material-symbols-rounded{width:36px;height:36px;border-radius:10px;background:#e9f7f0;color:#0d7e50;display:grid;place-items:center;font-size:19px}
.mq-cart-choice strong,.mq-cart-choice small{display:block}.mq-cart-choice strong{font-size:10px}.mq-cart-choice small{font-size:8px;color:#7b8982;margin-top:2px}.mq-cart-choice>b{color:#0d7e50}
.mq-cart-v10-summary{
  position:sticky;top:108px;background:#073f2f;color:#fff;border-radius:21px;padding:21px;
  box-shadow:0 18px 42px rgba(12,62,43,.15)
}
.mq-cart-v10-summary-head{display:flex;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.11)}
.mq-cart-v10-summary-head>.material-symbols-rounded{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#5cdb99}
.mq-cart-v10-summary-head strong,.mq-cart-v10-summary-head small{display:block}.mq-cart-v10-summary-head strong{font-size:14px}.mq-cart-v10-summary-head small{font-size:8px;color:#bbd3c7;margin-top:2px}
.mq-cart-v10-line,.mq-cart-v10-total{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:10px}
.mq-cart-v10-line span{color:#c4d9cf}.mq-cart-v10-total{border-bottom:0;font-size:13px;padding-top:16px}.mq-cart-v10-total strong{font-size:23px}
.mq-checkout-button{width:100%;margin-top:8px;gap:7px}.mq-checkout-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.mq-cart-v10-secure{display:flex;gap:7px;align-items:center;font-size:8px;color:#bcd4c8;margin-top:11px}.mq-cart-v10-secure .material-symbols-rounded{font-size:14px}
.mq-cart-v10-help{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.11)}.mq-cart-v10-help strong,.mq-cart-v10-help a{display:block}.mq-cart-v10-help strong{font-size:9px}.mq-cart-v10-help a{font-size:10px;color:#65dea0;margin-top:4px}

/* Statistics */
.mq-stats-period{display:flex;gap:4px;background:#eef5f1;border-radius:11px;padding:4px}
.mq-stats-period button{border:0;background:transparent;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:800;color:#697970;cursor:pointer}
.mq-stats-period button.active{background:#fff;color:#0d7d50;box-shadow:0 3px 9px rgba(20,55,40,.07)}
.mq-stats-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px}
.mq-stats-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm);min-width:0}
.mq-stats-wide{grid-column:1 / -1}
.mq-stats-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}
.mq-stats-card-head h3{font-size:14px;margin:0}.mq-stats-card-head p{font-size:9px;color:#77867f;margin:3px 0 0}
.mq-stats-chart{display:grid;grid-template-columns:44px 1fr;gap:8px}
.mq-stats-y{display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 23px;font-size:8px;color:#89958f}
.mq-stats-chart-stage{position:relative;min-width:0}.mq-stats-chart-stage svg{display:block;width:100%;height:255px}
.mq-stats-x{display:flex;justify-content:space-between;font-size:8px;color:#89958f;margin-top:4px}
.mq-stats-subjects{display:grid;gap:14px}.mq-stats-subjects>div{display:grid;grid-template-columns:88px 1fr 34px;gap:8px;align-items:center;font-size:9px;color:#5f7067}
.mq-stats-subjects i{height:8px;background:#eaf1ed;border-radius:999px;overflow:hidden}.mq-stats-subjects b{display:block;height:100%;background:linear-gradient(90deg,#48b67e,#168c59);border-radius:999px}.mq-stats-subjects strong{font-size:9px}
.mq-stat-donuts{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:center;padding:12px 0}
.mq-stat-donuts>div>span{display:block;font-size:10px;font-weight:700;margin-top:9px}
.mq-mini-donut{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;position:relative;margin:0 auto}.mq-mini-donut:after{content:"";position:absolute;width:76px;height:76px;background:#fff;border-radius:50%}.mq-mini-donut strong{position:relative;z-index:1;color:#0c7d50;font-size:16px}
.mq-mini-donut.type-a{background:conic-gradient(#15945d 79%,#e9f1ed 0)}.mq-mini-donut.type-k{background:conic-gradient(#15945d 68%,#e9f1ed 0)}
.mq-stats-recommendation{background:linear-gradient(135deg,#f7fcf9,#fff)}
.mq-priority-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-2)}
.mq-priority-item:last-child{border-bottom:0}.mq-priority-rank{width:28px;height:28px;border-radius:9px;background:#e9f7f0;color:#0d7e50;display:grid;place-items:center;font-size:10px;font-weight:800}
.mq-priority-item strong,.mq-priority-item span{display:block}.mq-priority-item strong{font-size:10px}.mq-priority-item span{font-size:8px;color:#798880;margin-top:2px}.mq-priority-item a{font-size:9px;font-weight:800;color:#0d7e50}
.mq-history-table{display:grid}.mq-history-row{display:grid;grid-template-columns:1.6fr .5fr .5fr .6fr .6fr;gap:10px;align-items:center;padding:11px 8px;border-bottom:1px solid var(--line-2);font-size:9px;color:#687970}.mq-history-row strong{font-size:10px;color:#263930}.mq-history-head{background:#f7faf8;border-radius:9px 9px 0 0;font-weight:800;color:#607168}.mq-history-row .good{color:#0d8452;font-weight:800}.mq-history-row .weak{color:#b25d4e;font-weight:800}

/* Handwritten / post-it details */
.mq-device-stage{position:relative}
.mq-hand-note{
  font-family:"Comic Sans MS","Bradley Hand",cursive;
  color:#176b48;font-weight:700;line-height:1.25;letter-spacing:.01em
}
.mq-hand-note-hero{position:absolute;right:0;top:-32px;font-size:14px;transform:rotate(-4deg);z-index:6}
.mq-postit{
  background:#fff4c8;color:#394a41;border-radius:3px;
  box-shadow:0 10px 22px rgba(45,62,52,.13);transform:rotate(5deg);z-index:7
}
.mq-postit-hero{position:absolute;right:-12px;bottom:26px;width:150px;padding:14px}
.mq-postit-hero>span{width:24px;height:24px;background:#d83b42;color:#fff;display:grid;place-items:center;border-radius:4px;font-size:19px;font-weight:800}
.mq-postit-hero p{font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:11px;line-height:1.4;margin:8px 0 0}
.mq-final-note-section{padding:42px 0;background:linear-gradient(180deg,#f0f8f4,#e8f4ee);border-top:1px solid #deebe4}
.mq-final-note-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}
.mq-final-note-grid h2{font-size:30px;letter-spacing:-1px;margin:6px 0 8px}.mq-final-note-grid p{font-size:12px;line-height:1.7;color:#63746b;max-width:650px;margin:0 0 18px}
.mq-final-postit-wrap{display:flex;justify-content:center}
.mq-final-postit{position:relative;width:245px;min-height:180px;background:#fff3c2;box-shadow:0 16px 35px rgba(38,67,50,.13);transform:rotate(-5deg);padding:38px 25px 24px;text-align:center}
.mq-postit-pin{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#d94e4e;box-shadow:0 2px 5px rgba(0,0,0,.18)}
.mq-final-postit strong{display:block;font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:22px;line-height:1.35;color:#26483a}
.mq-final-postit small{display:block;font-size:9px;letter-spacing:.10em;text-transform:uppercase;color:#7d7a68;margin-top:18px}

@media(max-width:1050px){
  .mq-cart-v10-grid,.mq-stats-grid,.mq-final-note-grid{grid-template-columns:1fr}
  .mq-cart-v10-summary{position:static}
  .mq-stats-wide{grid-column:auto}
}
@media(max-width:760px){
  .mq-cart-v10-hero h1{font-size:33px}
  .mq-cart-v10-toolbar{align-items:flex-start;flex-direction:column}
  .mq-cart-v10-item{grid-template-columns:44px 1fr}.mq-cart-v10-item-price{grid-column:2;text-align:left}
  .mq-cart-v10-empty-actions{grid-template-columns:1fr}
  .mq-stats-period{width:100%}.mq-stats-period button{flex:1}
  .mq-stats-chart-stage svg{height:210px}
  .mq-stats-subjects>div{grid-template-columns:75px 1fr 30px}
  .mq-history-table{overflow-x:auto}.mq-history-row{min-width:620px}
  .mq-hand-note-hero,.mq-postit-hero{display:none}
  .mq-final-note-grid{gap:20px}.mq-final-postit{width:220px}
}

/* ============================================================
   V10 — Mobile navigation (C1), Auth errors (C2), Toast (M4)
   ============================================================ */

/* Hamburger button */
.mq-hamburger{display:none;border:0;background:transparent;cursor:pointer;padding:8px;border-radius:10px;color:var(--green-800);transition:.15s}
.mq-hamburger:hover{background:var(--green-100)}
.mq-hamburger .mq-ham-icon{display:flex;flex-direction:column;gap:5px;width:22px}
.mq-hamburger .mq-ham-icon span{display:block;height:2px;border-radius:2px;background:currentColor;transition:.25s}
.mq-hamburger[aria-expanded="true"] .mq-ham-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mq-hamburger[aria-expanded="true"] .mq-ham-icon span:nth-child(2){opacity:0;transform:scaleX(0)}
.mq-hamburger[aria-expanded="true"] .mq-ham-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile overlay */
.mq-overlay{display:none;position:fixed;inset:0;background:rgba(5,28,20,.45);z-index:200;backdrop-filter:blur(2px)}
.mq-overlay.show{display:block}

/* Public site mobile drawer */
.mq-mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(300px,90vw);background:#fff;z-index:300;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:24px 20px}
.mq-mobile-drawer.open{transform:translateX(0)}
.mq-mobile-drawer-logo{height:36px;width:auto;margin-bottom:28px}
.mq-mobile-nav{display:flex;flex-direction:column;gap:4px}
.mq-mobile-nav a{padding:13px 14px;border-radius:11px;color:var(--ink-2);font-size:14px;font-weight:600;transition:.15s;display:flex;align-items:center;gap:10px}
.mq-mobile-nav a:hover,.mq-mobile-nav a.active{background:var(--green-100);color:var(--green-800)}
.mq-mobile-drawer-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--line)}
.mq-mobile-drawer-cart{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--green-800);padding:10px 14px;border-radius:10px;background:var(--green-50);border:1px solid var(--green-200)}

/* Mobile topbar for app-shell pages */
.mq-mobile-topbar{display:none;height:60px;background:#073e2e;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:150}
.mq-mobile-topbar .app-logo{height:32px;width:auto;filter:brightness(0) invert(1)}
.mq-mobile-topbar .mq-hamburger{color:#d9ebe3}
.mq-mobile-topbar .mq-hamburger:hover{background:rgba(255,255,255,.10)}

/* Sidebar drawer on mobile */
@media(max-width:760px){
  .mq-hamburger{display:flex}
  .nav{grid-template-columns:1fr auto!important}
  .main-nav{display:none!important}
  .mq-mobile-topbar{display:flex}
  .app-shell{grid-template-columns:1fr!important}
  .app-sidebar{position:fixed!important;top:0;left:0;bottom:0;width:min(280px,88vw);z-index:300;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);height:100vh!important}
  .app-sidebar.mq-sidebar-open{transform:translateX(0)}
  .app-main{padding:16px!important}
  /* Phone header: the account buttons live in the drawer, so keep only the cart icon and
     the menu button — otherwise the header is wider than the screen and pushes the menu off. */
  .site-header .nav-actions{min-width:0!important;gap:6px}
  .site-header .nav-actions>.btn{display:none!important}
  .site-header .cart-link>span:not(.material-symbols-rounded){display:none}
  .mq-concept-visual{max-width:100%;min-width:0;box-sizing:border-box}
}
@media(min-width:761px) and (max-width:1050px){
  .mq-hamburger{display:flex}
  .nav{grid-template-columns:1fr auto!important}
  .main-nav{display:none!important}
}

/* Auth field errors (C2) */
.field-error{font-size:10px;color:#d63031;margin-top:4px;font-weight:700;display:block}
.field-error:empty{display:none}
.field input.invalid,.field select.invalid{border-color:#d63031;box-shadow:0 0 0 3px rgba(214,48,49,.10)}

/* Flag button active state (M4) */
.mq-qnav-btn.flagged{background:#fff3e0;color:#e67e22;border-color:#f0a94a}

/* Toast notification (M4) */
.mq-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:#073e2e;color:#fff;padding:12px 22px;border-radius:12px;font-size:13px;font-weight:600;z-index:9999;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;white-space:nowrap;box-shadow:var(--shadow-lg)}
.mq-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.mq-toast.info{background:#0d7e52}
.mq-toast.error{background:#c0392b}

/* Results ring dynamic (C3) */
#resultsRing{font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--green-700)}

/* ============================================================
   Ultra-Premium UI Polish & Micro-Interactions
   ============================================================ */

/* Sleek custom scrollbars */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f1f7f4}
::-webkit-scrollbar-thumb{background:#a3d4bd;border-radius:99px;border:2px solid #f1f7f4}
::-webkit-scrollbar-thumb:hover{background:#158f58}

/* Focus visibility for accessible keyboard users */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline:2px solid var(--green-600);
  outline-offset:2px;
}

/* Card hover lift & glow */
.card, .mq-store-card, .mq-owned-card, .metric, .panel, .offer-card, .mq-resume-card{
  transition:transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease, border-color .22s ease;
}
.card:hover, .mq-store-card:hover, .mq-owned-card:hover, .offer-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(12,62,43,.09);
  border-color:#b5dfcb;
}
.metric:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(12,62,43,.07);
}

/* Buttons shimmer & elevation */
.btn-primary{
  position:relative;
  overflow:hidden;
  transition:all .22s ease;
}
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(13,126,82,.28);
  filter:brightness(1.05);
}
.btn-primary:active{
  transform:translateY(0);
}
.btn-secondary:hover{
  background:#f4fbf7;
  border-color:#158f58;
  color:#064b34;
  transform:translateY(-2px);
}

/* Answer options in QCM */
.mq-answer-option{
  transition:all .18s cubic-bezier(.4,0,.2,1);
}
.mq-answer-option:hover{
  transform:translateX(4px);
  border-color:#158f58;
  background:#f6fcf9;
}
.mq-answer-option.selected{
  box-shadow:0 4px 16px rgba(21,143,88,.15);
}

/* Keyframe animations */
@keyframes mqPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}
@keyframes mqFadeInUp{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.mq-hero-copy, .mq-concept-hero-grid, .mq-catalog-hero-grid{
  animation:mqFadeInUp .6s cubic-bezier(.22,1,.36,1) forwards;
}

/* Back to Top floating button */
.mq-back-to-top{
  position:fixed;
  bottom:24px;
  right:24px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(7,62,46,.90);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 8px 24px rgba(0,0,0,.15);
  opacity:0;
  visibility:hidden;
  transition:all .25s ease;
  z-index:90;
  backdrop-filter:blur(8px);
}
.mq-back-to-top.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.mq-back-to-top:hover{
  background:#11975f;
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(17,151,95,.35);
}


/* ============================================================
   MedQube Complete Extended Suite Styles (PDF Specs)
   ============================================================ */



/* ── 2. Admin Panel Layout ──────────────────────────────────── */
.admin-body{
  background:#f4f8f6;
}
.admin-shell{
  min-height:calc(100vh - 36px);
}
.admin-sidebar{
  background:#07281d;
  border-right:1px solid rgba(255,255,255,.08);
}
.admin-sidebar-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px 8px;
}
.admin-pill{
  background:rgba(110,231,183,.15);
  color:#6ee7b7;
  font-size:11px;
  padding:2px 8px;
  border-radius:99px;
  font-weight:700;
}
.admin-profile-box{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  background:rgba(255,255,255,.04);
  margin:4px 12px 10px;
  border-radius:8px;
}
.admin-profile-info strong{
  display:block;
  font-size:13px;
  color:#fff;
}
.role-badge{
  display:inline-block;
  font-size:10px;
  color:#6ee7b7;
  font-weight:600;
}
.admin-role-selector{
  padding:6px 16px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:8px;
}
.admin-role-selector label{
  color:#8ba99b;
  display:block;
  margin-bottom:6px;
  font-size:11px;
}
/* Dark variant: ONLY inside the dark admin sidebar (role simulator). */
.admin-role-selector select,
.app-sidebar .select-sm{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  border-radius:8px;
  padding:6px 10px;
  font-size:11px;
  font-weight:600;
  outline:none;
  cursor:pointer;
}
.admin-role-selector select option,
.app-sidebar .select-sm option{
  background:#073827;
  color:#fff;
}
/* Default (light pages: signup form, admin filters, gift modal...): readable dark text on white.
   Before this fix the selected value was white-on-white, so dropdowns looked empty. */
.select-sm{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  background:#fff;
  color:#17322a;
  border:1px solid #cfe0d7;
  border-radius:10px;
  padding:10px 12px;
  font-size:13px;
  font-weight:500;
  outline:none;
  cursor:pointer;
}
.select-sm:focus{border-color:#0d8757;box-shadow:0 0 0 3px rgba(13,135,87,.15)}
.select-sm option{background:#fff;color:#17322a}
.app-sidebar .select-sm:focus{box-shadow:none}
.admin-nav-group-title{
  font-size:10px;
  font-weight:800;
  color:#608a78;
  letter-spacing:.8px;
  padding:12px 16px 4px;
}
.admin-nav a{
  color:#bcd4c8;
}
.admin-nav a.active{
  background:rgba(20,140,88,.28);
  color:#6ee7b7;
  border-left:3px solid #6ee7b7;
}
.admin-tab-view{
  display:none;
}
.admin-tab-view.active{
  display:block;
  animation:mqFadeInUp .3s ease;
}
.admin-access-denied{
  display:grid;
  place-items:center;
  min-height:50vh;
}
.admin-denied-card{
  background:#fff;
  border:1px solid #e0ece6;
  border-radius:12px;
  padding:32px;
  max-width:500px;
  text-align:center;
  box-shadow:0 12px 32px rgba(0,0,0,.06);
}
.danger-icon{
  font-size:48px;
  color:#dc2626;
  margin-bottom:12px;
}

/* ── 3. Rich MCQ Editor & Formatting Toolbar ────────────────── */
.field-head-with-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
  flex-wrap:wrap;
  gap:8px;
}
.rich-toolbar{
  display:flex;
  align-items:center;
  gap:4px;
  background:#f1f7f4;
  padding:3px 6px;
  border-radius:6px;
  border:1px solid #d5e2dc;
}
.rich-toolbar button{
  background:#fff;
  border:1px solid #c4d7cd;
  border-radius:4px;
  padding:2px 7px;
  font-size:12px;
  font-weight:700;
  color:#1b3d30;
  cursor:pointer;
  transition:all .15s ease;
}
.rich-toolbar button:hover{
  background:#148c58;
  color:#fff;
  border-color:#148c58;
}
.dropdown-inline{
  position:relative;
}
.greek-dropdown{
  position:absolute;
  top:100%;
  right:0;
  margin-top:4px;
  background:#fff;
  border:1px solid #b8d4c7;
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.15);
  padding:8px;
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:4px;
  z-index:999;
  width:190px;
}
.greek-dropdown span{
  display:grid;
  place-items:center;
  padding:4px;
  border-radius:4px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  background:#f6faf8;
  transition:background .15s;
}
.greek-dropdown span:hover{
  background:#148c58;
  color:#fff;
}
.options-builder-section{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid #e8efeb;
}
.mq-img-preview{
  display:block;
  max-width:160px;
  max-height:120px;
  margin-top:8px;
  border-radius:8px;
  border:1px solid #e3e9e5;
  object-fit:cover;
}
.options-head h3{
  font-size:15px;
  margin:0 0 4px;
}
.options-head p{
  font-size:12px;
  color:#6c7d75;
  margin:0 0 12px;
}
.mcq-option-builder-row{
  background:#f8fbf9;
  border:1px solid #dbe7e1;
  border-radius:8px;
  padding:12px;
  margin-bottom:10px;
}
.option-header-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
}
.option-letter-badge{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#148c58;
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:800;
  font-size:12px;
}
.option-correctness-toggle label{
  margin-left:12px;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}

/* ── 4. Approval Queue & Preview ────────────────────────────── */
.approval-layout{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:16px;
  margin-top:14px;
}
@media(max-width:960px){
  .approval-layout{grid-template-columns:1fr;}
}
.pending-mcq-item{
  padding:12px;
  border-radius:8px;
  border:1px solid #dbe7e1;
  background:#fff;
  margin-bottom:8px;
  cursor:pointer;
  transition:all .18s ease;
}
.pending-mcq-item:hover, .pending-mcq-item.selected{
  border-color:#148c58;
  background:#f4fbf7;
  box-shadow:0 4px 14px rgba(20,140,88,.1);
}
.pending-item-head{
  display:flex;
  justify-content:space-between;
  font-size:11px;
}
.pending-mcq-item h4{
  font-size:13px;
  margin:4px 0;
  color:#0f3829;
}
.pending-meta{
  display:flex;
  justify-content:space-between;
  font-size:11px;
  color:#73887e;
}
.review-option-card{
  background:#fbfdfc;
  border:1px solid #dbe7e1;
  border-radius:6px;
  padding:10px;
  margin-bottom:8px;
}
.review-option-card.correct-highlight{
  border-color:#10b981;
  background:#ecfdf5;
}
.review-opt-head{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  margin-bottom:4px;
}
.opt-justif{
  font-size:12px;
  color:#047857;
  margin:4px 0 0;
}

/* ── 5. Admin Tables & Lists ────────────────────────────────── */
.table-responsive{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:4px 0;
  border-radius:10px;
}
.admin-table{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  font-size:13px;
}
.admin-table th{
  background:#f4f8f6;
  padding:12px 14px;
  text-align:left;
  font-weight:700;
  color:#1b3d30;
  border-bottom:1px solid #d5e2dc;
  white-space:nowrap;
}
.admin-table td{
  padding:12px 14px;
  border-bottom:1px solid #e8efeb;
  vertical-align:middle;
}
.admin-table tr:hover td{
  background:#fafdfb;
}
.user-name-link{
  background:none;
  border:none;
  color:#0f766e;
  font-weight:700;
  cursor:pointer;
  padding:0;
  text-align:left;
}
.user-name-link:hover{
  text-decoration:underline;
}

/* ── 6. Anti-Cheat Watermark & Highlighter ──────────────────── */
.anti-cheat-watermark{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:900;
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  grid-template-rows:repeat(6, 1fr);
  opacity:.06;
  overflow:hidden;
  user-select:none;
}
.anti-cheat-watermark span{
  font-size:11px;
  font-weight:800;
  color:#000;
  transform:rotate(-25deg);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
}
.yellow-highlight{
  background:#fef08a !important;
  color:#854d0e !important;
  padding:1px 3px;
  border-radius:2px;
}
#highlighterToggleBtn.active{
  background:#fef08a;
  color:#854d0e;
  border-color:#eab308;
  font-weight:700;
}

/* ── 7. Peer Stats & Cohort Distribution ────────────────────── */
.peer-stats-section{
  margin:14px 0;
  padding:12px;
  background:#f9fcfa;
  border-radius:8px;
  border:1px solid #e1ece6;
}
.peer-stats-section h4{
  font-size:12px;
  margin:0 0 8px;
  color:#455950;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.peer-stat-row{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  margin-bottom:6px;
}
.peer-letter{
  width:130px;
  font-weight:600;
}
.peer-bar-track{
  flex:1;
  height:8px;
  background:#e5ebe8;
  border-radius:99px;
  overflow:hidden;
}
.peer-bar-fill{
  height:100%;
  background:#94a3b8;
  border-radius:99px;
  transition:width .4s ease;
}
.peer-bar-fill.good{
  background:#10b981;
}
.peer-pct{
  width:110px;
  text-align:right;
  font-weight:700;
  color:#158f58;
}

/* ── 8. Gauss Curve Chart ────────────────────────────────────── */
.gauss-chart-container{
  background:#fdfefe;
  border:1px solid #e0ede7;
  border-radius:10px;
  padding:16px;
  position:relative;
}
.gauss-svg{
  width:100%;
  height:200px;
}
.gauss-axis-labels{
  display:flex;
  justify-content:space-between;
  font-size:11px;
  color:#6c7f76;
  margin-top:6px;
  padding:0 30px;
}

/* ── 9. QBank Test Builder Modes & Taxonomy Tree ────────────── */
.qbank-mode-selector{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(130px, 1fr));
  gap:8px;
}
.qbank-mode-selector .mode-btn{
  background:#fff;
  border:1px solid #d5e2dc;
  border-radius:8px;
  padding:10px 8px;
  text-align:center;
  cursor:pointer;
  transition:all .18s ease;
}
.qbank-mode-selector .mode-btn:hover, .qbank-mode-selector .mode-btn.active{
  border-color:#158f58;
  background:#f4fbf7;
  box-shadow:0 4px 12px rgba(21,143,88,.12);
}
.qbank-mode-selector .mode-btn strong{
  display:block;
  font-size:12px;
  margin-top:2px;
  color:#0f3829;
}
.qbank-mode-selector .mode-btn small{
  display:block;
  font-size:10px;
  color:#758a80;
}
.taxonomy-tree-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:12px;
  margin-top:12px;
}
.taxonomy-subject-card{
  background:#f8fbf9;
  border:1px solid #dbe7e1;
  border-radius:8px;
  padding:12px;
}
.subject-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  padding-bottom:6px;
  border-bottom:1px solid #e1ece6;
}
.lesson-sublist{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.lesson-item{
  font-size:12px;
  color:#2d4239;
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
}

/* ── 10. Modals & Dialogs ───────────────────────────────────── */
.mq-modal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(7,40,29,.65);
  backdrop-filter:blur(4px);
  z-index:99999;
  display:grid;
  place-items:center;
  padding:16px;
}
.mq-modal-backdrop[hidden]{
  display:none;
}
.mq-modal-card{
  background:#fff;
  border-radius:12px;
  max-width:560px;
  width:100%;
  max-height:90vh;
  overflow-y:auto;
  box-shadow:0 24px 48px rgba(0,0,0,.25);
  padding:24px;
}
.mq-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  border-bottom:1px solid #e8efeb;
  padding-bottom:12px;
  margin-bottom:14px;
}
.mq-modal-head h2{
  font-size:18px;
  margin:2px 0 0;
}
.mq-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.user-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  font-size:12px;
}
.detail-block span{
  display:block;
  color:#73887e;
}
.detail-block strong{
  color:#0f3829;
}
.user-owned-packs-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:10px;
}
.owned-pack-pill{
  background:#f4fbf7;
  border:1px solid #d5e6dc;
  border-radius:8px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
}
.star-rating-selector{
  display:flex;
  gap:4px;
  margin-top:4px;
}
.star-rating-selector button{
  background:none;
  border:none;
  font-size:26px;
  color:#d1d5db;
  cursor:pointer;
  transition:color .15s;
}
.star-rating-selector button.active, .star-rating-selector button:hover{
  color:#f59e0b;
}

/* ===== Form / filter grid (these classes were used in the HTML but had no CSS) ===== */
.form-row,.filter-row{display:grid;gap:14px;align-items:start;margin-bottom:6px}
.form-row.two-cols,.filter-row.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-row.three-cols,.filter-row.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-row.four-cols,.filter-row.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}
.form-row>.field,.filter-row>.field{min-width:0}
@media (max-width:820px){
  .form-row.two-cols,.form-row.three-cols,.form-row.four-cols,
  .filter-row.two-cols,.filter-row.three-cols,.filter-row.four-cols{grid-template-columns:1fr}
}
/* Auth card is narrow: keep the 3-column civility/first/last row but stack the long labels nicely */
.auth-form .form-row.two-cols .field label{min-height:2.6em;display:flex;align-items:flex-end}

/* ===== MCQ editor: big question box + comfortable text areas ===== */
#mcqStemInput{min-height:220px;width:100%;box-sizing:border-box;resize:vertical;line-height:1.5;font-size:14px}
#mcqCorrectionInput,#mcqLearningInput{min-height:120px;width:100%;box-sizing:border-box;resize:vertical;line-height:1.5;font-size:13px}
.mcq-option-builder-row .opt-text-input,.mcq-option-builder-row .opt-justif-input{width:100%;box-sizing:border-box}
.mcq-option-builder-row textarea.opt-text-input{min-height:64px;resize:vertical}
.mcq-option-builder-row textarea.opt-justif-input{min-height:56px;resize:vertical}

/* ===== Pack builder: scrollable MCQ picker (thousands of questions) ===== */
.pack-builder-layout{display:grid;gap:16px}
.pack-mcq-table-wrap{max-height:560px;overflow:auto;border:1px solid #e3eee8;border-radius:12px}
.pack-mcq-table-wrap .admin-table{margin:0}
.pack-mcq-table-wrap .admin-table thead th{position:sticky;top:0;background:#f3f8f5;z-index:1}
.pack-mcq-table-wrap td{vertical-align:top}
.tag.gray{background:#eef2f0;color:#4b5b54}
#packDescInput{width:100%;min-height:96px;box-sizing:border-box;resize:vertical}
.field>label:has(>input[type=checkbox]){display:flex;align-items:center;justify-content:flex-start;gap:8px}
#importArea textarea{width:100%;min-height:90px;box-sizing:border-box;resize:vertical}
#importArea .field input,#importArea .field select{width:100%;box-sizing:border-box}

/* Store card details — checklist + badge, restoring the previous look on real dynamic data */
.mq-store-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#0c7b4e;background:#e7f6ee;border-radius:6px;padding:3px 7px;display:inline-block}
.mq-feature-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.mq-feature-list li{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#4b5d54}
.mq-feature-list li .material-symbols-rounded{font-size:15px;color:#16a34a}

/* ───────────────────────── Concept Page ───────────────────────── */
.mq-concept-hero{position:relative;padding:64px 0 54px;background:linear-gradient(180deg,#fbfefc,#f7fcf9 72%,#fff);border-bottom:1px solid var(--line-2)}
.mq-concept-hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:center}
.mq-concept-hero h1{font-size:52px;line-height:1.08;letter-spacing:-2px;margin:0 0 20px;color:var(--ink)}
.mq-concept-hero p{font-size:18px;color:#43564e;line-height:1.6;margin:0 0 28px}
.mq-concept-visual{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:28px}
.mq-concept-logo-box img{height:48px;width:auto}
.mq-concept-flow{display:flex;align-items:center;gap:14px;width:100%;justify-content:space-between}
.mq-concept-flow>div{background:var(--green-50);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;flex:1;font-size:13px;color:var(--ink)}
.mq-concept-flow>div .material-symbols-rounded{color:var(--green-700);font-size:26px}
.mq-concept-flow>.material-symbols-rounded{color:var(--muted);font-size:22px}

.mq-concept-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.mq-concept-principles article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.mq-concept-principles article:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.mq-principle-icon{width:48px;height:48px;border-radius:12px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center;margin-bottom:18px}
.mq-principle-icon .material-symbols-rounded{font-size:26px}
.mq-concept-principles h3{font-size:20px;margin:0 0 10px;color:var(--ink)}
.mq-concept-principles p{font-size:15px;color:var(--muted);margin:0;line-height:1.55}

.section.soft{background:#f7fbf9;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.mq-format-stack{display:flex;flex-direction:column;gap:20px;margin-top:36px}
.mq-format-row{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:24px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.mq-format-row:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.mq-format-row.highlighted{border:2px solid var(--green-500);background:linear-gradient(180deg,#f3fcf7,#fff)}
.mq-format-number{font-size:28px;font-weight:800;color:var(--green-300);letter-spacing:-1px}
.mq-format-icon{width:52px;height:52px;border-radius:14px;background:var(--green-50);border:1px solid var(--line);color:var(--green-700);display:grid;place-items:center}
.mq-format-icon .material-symbols-rounded{font-size:28px}
.mq-format-text h3{font-size:20px;margin:6px 0 8px;color:var(--ink)}
.mq-format-text p{font-size:15px;color:#485c53;margin:0;line-height:1.55}
.pill.green{background:var(--green-600);color:#fff}

.mq-concept-dashboard{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:center}
.mq-concept-dashboard h2{font-size:34px;margin:0 0 14px}
.mq-concept-dashboard p{font-size:16px;color:#485c53;line-height:1.6;margin:0 0 24px}
.mq-sidebar-preview{background:#0f241a;border-radius:var(--radius);padding:24px 20px;color:#fff;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:10px}
.mq-sidebar-preview-head{padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.12)}
.mq-sidebar-preview-head img{height:28px;filter:brightness(0) invert(1)}
.mq-sidebar-preview-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:#a3c4b4}
.mq-sidebar-preview-item.active{background:rgba(32,182,111,0.22);color:#fff}
.mq-sidebar-preview-item .material-symbols-rounded{font-size:20px}

.mq-concept-cta{background:linear-gradient(135deg,var(--green-900),var(--green-950));color:#fff;padding:56px 0;margin-top:40px}
.mq-concept-cta .container{display:flex;align-items:center;justify-content:space-between;gap:32px}
.mq-concept-cta .eyebrow{color:var(--green-300)}
.mq-concept-cta h2{font-size:32px;margin:0 0 8px;color:#fff}
.mq-concept-cta p{font-size:16px;color:#d1eae0;margin:0}

@media(max-width:900px){
  .mq-concept-hero-grid,.mq-concept-dashboard,.mq-concept-cta .container{grid-template-columns:1fr;flex-direction:column;text-align:left}
  .mq-concept-principles{grid-template-columns:1fr}
  .mq-format-row{grid-template-columns:1fr}
}