/* Mind Mirror colours, Manogatam-inspired spacing and hierarchy. */
:root{--refresh-bg:#f8f8ff;--refresh-surface:#fff;--refresh-ink:#20264c;--refresh-muted:#626883;--refresh-line:#e0e2f1;--refresh-pale:#eeedff;--refresh-purple:#5b4dff;--refresh-dark:#292463}
body{background:var(--refresh-bg)!important;color:var(--refresh-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6}
body.dark-mode{--refresh-bg:#111529;--refresh-surface:#1b2039;--refresh-ink:#f1f2ff;--refresh-muted:#b8bfd6;--refresh-line:#343b59;--refresh-pale:#252344;--refresh-dark:#171436}
h1,h2,h3{letter-spacing:-.045em;line-height:1.16}p{line-height:1.7}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}
.navbar{background:var(--refresh-surface)!important;border-bottom:1px solid var(--refresh-line);box-shadow:none!important;padding:18px 4%;gap:20px}.brand{font-weight:850;letter-spacing:-.05em}.nav-links{gap:24px}.nav-links>a:not(.button){color:var(--refresh-ink)!important;font-size:14px}.nav-links a[aria-current]{color:var(--refresh-purple)!important}.nav-links button{font-size:13px}
.button,.nav-button,button[type=submit]{border-radius:100px!important;padding:13px 23px!important;box-shadow:none!important;font-weight:700}.button{background:linear-gradient(110deg,#5b4dff,#697dff)!important;color:white!important}.button:hover{filter:brightness(.95)}
.card,.info-hero-card,.chart-card,.dashboard-result-card,.questionnaire-hero,.submit-card-smooth,.suggestion-box{background:var(--refresh-surface)!important;border:1px solid var(--refresh-line)!important;box-shadow:0 10px 28px rgba(35,32,84,.035)!important;color:var(--refresh-ink)}
.card p,.info-hero-card p{color:var(--refresh-muted)}.info-hero-card,.questionnaire-hero{padding:44px!important;background:var(--refresh-pale)!important}.info-hero-card h1,.questionnaire-hero h1{font-size:clamp(32px,4vw,52px)}
.container.page-section{max-width:1180px;padding:45px 24px}.assessment-page,.dashboard-page,.questionnaire-page,.result-page{padding:32px clamp(16px,4vw,60px)!important;gap:28px}.info-grid{gap:24px}.dashboard-hero-card{padding:38px!important;background:var(--refresh-pale)!important;color:var(--refresh-ink)!important}.dashboard-hero-card h1{color:var(--refresh-ink)!important}.dashboard-result-list{gap:24px}.dashboard-result-card{padding:28px!important}.history-description{color:var(--refresh-muted)!important}.result-label,.mini-label{letter-spacing:.13em;font-size:12px!important}.test-question{box-shadow:none!important;background:var(--refresh-surface)!important;margin-bottom:8px}.side-menu{background:var(--refresh-surface)!important}.side-tagline{color:var(--refresh-muted)}.side-nav a{font-size:14px}.chatbot-panel{background:var(--refresh-surface)!important}.auth-card{box-shadow:0 20px 55px rgba(42,32,120,.08)!important}
.mm-wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}.mm-top{background:#292463;color:#e2e4ff;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.04em}.mm-top strong{color:#9ee7ff;font-weight:500}.mm-nav{position:sticky;top:0;z-index:35;min-height:82px}.mm-nav .brand a{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:23px}.mm-mark{background:#5b4dff;color:white;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:21px}.mm-nav .nav-links{margin-left:auto}.mm-nav .menu-toggle{display:block}.mm-hero{background:var(--refresh-pale);overflow:hidden}.mm-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;min-height:620px;padding:70px 0}.mm-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#6651d8;margin:0 0 20px}.mm-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-.065em;margin:0 0 26px;font-weight:780}.mm-hero h1 em{font-style:normal;color:#6955e9}.mm-lead{color:var(--refresh-muted);font-size:17px;max-width:510px}.mm-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:29px;align-items:center}.mm-outline{padding:12px 22px;border:1px solid #7063cb;border-radius:100px;color:var(--refresh-ink);font-weight:650;font-size:14px}.mm-caption{font-size:12px;color:var(--refresh-muted);margin-top:24px}.mm-art{height:430px;position:relative}.mm-orbit{border:1px solid #b8aff2;width:440px;height:440px;border-radius:50%;position:absolute;top:-10px;left:10px}.mm-disc{background:#d4ceff;border-radius:50%;width:350px;height:350px;position:absolute;right:0;top:40px}.mm-arch{position:absolute;inset:35px 35px 0 65px;border-radius:180px 180px 14px 14px;background:linear-gradient(150deg,#6452d7,#33296c);overflow:hidden;color:white;display:flex;flex-direction:column;align-items:center;padding:32px 20px}.mm-star{color:#82dbff;font-size:37px}.mm-arch>p{font-size:24px;text-align:center;line-height:1.3;letter-spacing:-.04em;margin-top:8px;z-index:2}.mm-figure{position:absolute;width:200px;height:220px;bottom:-30px;right:25px;transform:rotate(-10deg)}.mm-figure i{position:absolute;width:62px;height:77px;border-radius:50%;background:#e3deff;left:62px;top:6px;transform:rotate(12deg)}.mm-figure b{position:absolute;width:170px;height:165px;border-radius:90px 90px 0 0;background:linear-gradient(130deg,#9fdcff,#9380ef);left:12px;top:92px}.mm-float{position:absolute;z-index:3;background:var(--refresh-surface);box-shadow:0 12px 34px #30237716;padding:16px;display:flex;gap:12px;font-size:13px;font-weight:750;max-width:240px;border:1px solid var(--refresh-line)}.mm-float>span{color:#6955e9;font-size:23px}.mm-float small{display:block;color:var(--refresh-muted);font-size:11px;font-weight:400;margin-top:3px}.mm-float-one{top:100px;left:-25px}.mm-float-two{bottom:15px;right:-15px}.mm-section{padding-top:85px;padding-bottom:85px}.mm-section h2,.mm-how h2,.mm-closing h2{font-size:clamp(30px,3.5vw,45px);letter-spacing:-.05em;margin:0 0 20px}.mm-section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:28px}.mm-section-head>p{font-size:14px;color:var(--refresh-muted)}.mm-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mm-feature{border:1px solid var(--refresh-line);background:var(--refresh-surface);padding:30px;min-height:320px;display:flex;flex-direction:column}.mm-feature:nth-child(2){background:var(--refresh-pale)}.mm-feature:nth-child(3){background:#edf8ff}.dark-mode .mm-feature:nth-child(3){background:#1a2b3d}.mm-icon{width:48px;height:48px;background:#e9e5ff;display:grid;place-items:center;color:#5947bc;font-size:24px;border-radius:14px}.mm-feature h3{font-size:22px;margin:24px 0 12px}.mm-feature p{color:var(--refresh-muted);font-size:14px;margin:0}.mm-feature a{margin-top:auto;padding-top:26px;font-size:13px;font-weight:750;color:#6350d3}.dark-mode .mm-feature a{color:#bab2ff}.mm-feature a span{float:right}.mm-how{background:#292463;color:white;padding:75px 0}.mm-how .mm-eyebrow,.mm-steps>article>span{color:#95deff}.mm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.mm-steps article{border-top:1px solid #7773a4;padding-top:20px}.mm-steps>article>span{font-size:11px;letter-spacing:.08em;font-weight:700}.mm-steps h3{font-size:21px;margin-top:18px}.mm-steps p{color:#d0cee7;font-size:14px}.mm-approach{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.mm-approach>div>p{color:var(--refresh-muted)}.mm-plan{padding:28px;background:var(--refresh-surface);border:1px solid var(--refresh-line)}.mm-plan-heading{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;border-bottom:1px solid var(--refresh-line);padding-bottom:16px}.mm-plan-heading span{font-size:10px;background:var(--refresh-pale);padding:5px 10px;color:var(--refresh-muted)}.mm-plan>div:not(:first-child){display:flex;gap:16px;align-items:center;border:1px solid var(--refresh-line);margin-top:18px;padding:15px}.mm-plan b{font-size:13px;background:var(--refresh-pale);color:#7157cb;padding:8px}.mm-plan p{margin:0;font-size:14px}.mm-plan small{display:block;font-size:11px;color:var(--refresh-muted)}.mm-text-link{color:#6d52cb;font-weight:700;font-size:14px}.mm-closing{background:var(--refresh-pale);padding:65px 0;text-align:center}.mm-closing p{color:var(--refresh-muted)}.mm-closing .button{display:inline-flex;margin-top:12px}.mm-footer{background:#211e49;color:#d8d7eb;padding:40px 0}.mm-footer .mm-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.mm-footer strong{color:white;font-size:21px}.mm-footer p{margin:4px 0;font-size:12px}.mm-footer a{color:#e3e2f2;margin-right:22px;font-size:13px}.mm-footer small{font-size:11px}.mm-skip{position:absolute;top:-100px}.mm-skip:focus{top:8px;left:8px;z-index:100;background:white;padding:12px}.mirror-home .main-with-sidebar{padding:0}
@media(max-width:1000px){.mm-nav .nav-links>a:not(.button){display:none}.mm-hero-grid{gap:22px}.mm-hero h1{font-size:48px}.mm-orbit{width:350px;height:350px}.mm-approach{gap:32px}}
@media(max-width:760px){.mm-wrap{width:calc(100% - 36px)}.mm-hero-grid,.mm-feature-grid,.mm-steps,.mm-approach{grid-template-columns:1fr}.mm-hero-grid{padding:48px 0;gap:28px}.mm-hero h1{font-size:44px}.mm-art{max-width:410px;width:100%;margin:auto;height:370px}.mm-orbit{left:10px;top:0}.mm-disc{width:290px;height:290px}.mm-float-one{left:0}.mm-float-two{right:0}.mm-section{padding-top:55px;padding-bottom:55px}.mm-section-head{display:block}.mm-feature{min-height:285px}.mm-steps{gap:25px}.mm-how{padding:55px 0}.mm-nav{padding:14px 18px;gap:12px;flex-wrap:wrap}.mm-nav .brand a{font-size:19px}.mm-nav .nav-links{gap:10px}.mm-nav .nav-links .button{padding:9px 13px!important;font-size:12px}.mm-nav #themeToggle{font-size:0;width:32px;height:32px;padding:0}.mm-nav #themeToggle:after{content:'◐';font-size:19px}.info-hero-card,.questionnaire-hero{padding:28px!important}.mm-footer .mm-wrap{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep dashboard text readable over the refreshed lavender surface. */
body .dashboard-hero-card h1,
body.dark-mode .dashboard-hero-card h1{color:var(--refresh-ink)!important;text-shadow:none}
body .dashboard-hero-card p,
body.dark-mode .dashboard-hero-card p{color:var(--refresh-muted)!important}
body .dashboard-hero-card .result-label{color:var(--refresh-purple)!important}
body.dark-mode .dashboard-hero-card .result-label{color:#bbb3ff!important}

/* Personalised report cards share accessible colours with the active theme. */
.personalised-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.personalised-area{padding:24px;border:1px solid var(--refresh-line);background:var(--refresh-surface);min-width:0}
.personalised-area h3{color:var(--refresh-ink);font-size:20px;margin-top:0}
.personalised-summary p,.personalised-area p{color:var(--refresh-muted)}
.personalised-evidence{padding:14px;background:var(--refresh-pale);border-left:3px solid #8874f5}
@media(max-width:760px){.personalised-grid{grid-template-columns:1fr}}
