/* Mahara visual direction adapted from the 16 September local concept.
   Keeps the production PHP templates, account controls, and responsive flows. */
:root{--ink:#f4f7fc;--muted:#b7c5dc;--navy:#00102e;--teal:#1d4ed8;--teal2:#3b82f6;--sky:#152b52;--paper:#000a1f;--line:rgba(116,155,225,.28);--white:rgba(255,255,255,.075);--gold:#f0b010;--red:#ff8e87;--shadow:0 18px 55px rgba(0,0,0,.3);--radius:22px}
body{background:radial-gradient(900px 560px at 82% -12%,rgba(0,48,128,.48),transparent 65%),radial-gradient(800px 540px at 10% 76%,rgba(29,78,216,.18),transparent 65%),linear-gradient(160deg,#00091e,#00102e 55%,#031338);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 32%,rgba(240,176,16,.055),transparent 55%)}
.topbar{background:rgba(0,10,31,.82);border-color:var(--line);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(0,0,0,.22)}
.brand,.main-nav,.account-nav{color:var(--ink)}.brand img{background:#fff;border:1px solid rgba(240,176,16,.5);box-shadow:0 0 25px rgba(240,176,16,.18)}.brand small{color:var(--muted)}.main-nav a:hover,.text-link:hover{color:#f7cd4d}.nav-login,.nav-logout,.copy-link{color:#dbe7fc}.avatar-mini{background:linear-gradient(135deg,#f7cd4d,#d9a006);color:#071633}.menu-toggle{background:#10295a;color:white}
.page-shell{position:relative}.button{border-radius:14px;box-shadow:0 7px 20px rgba(0,0,0,.24);transition:transform .18s,box-shadow .18s,border-color .18s}.button-primary{background:linear-gradient(135deg,#1745bf,#1d4ed8 55%,#3b82f6);border:1px solid #6689ee;color:#fff;box-shadow:0 7px 0 rgba(0,18,67,.6),0 14px 32px rgba(29,78,216,.28)}.button-primary:hover{box-shadow:0 9px 0 rgba(0,18,67,.55),0 18px 38px rgba(29,78,216,.4);transform:translateY(-2px)}.button-outline{background:rgba(255,255,255,.07);border-color:var(--line);color:var(--ink)}.button-danger-light{background:rgba(166,54,54,.17);border-color:rgba(255,142,135,.32);color:#ffd4d1}.button-light{background:#f8fbff;color:#102047}
.home-hero{background:radial-gradient(ellipse at 18% 54%,rgba(29,78,216,.22),transparent 40%),linear-gradient(135deg,rgba(0,16,46,.92),rgba(3,24,67,.83));border:1px solid var(--line);border-radius:0 0 32px 32px;box-shadow:var(--shadow)}.hero-copy h1,.section-heading h2,.page-intro h1,.dashboard-heading h1,.page-intro h2,.dashboard-heading h2{color:#f5f8ff}.hero-copy h1 em,.auth-aside h1 em{color:#f7cd4d}.hero-copy>p,.section-heading p,.page-intro p,.dashboard-heading p{color:#c0cde1}.eyebrow{color:#f7cd4d}.eyebrow-dot{background:#f0b010}.hero-art{filter:drop-shadow(0 15px 36px rgba(29,78,216,.22))}.hero-core{background:linear-gradient(145deg,#0a2362,#1649c0 56%,#d9a006);box-shadow:0 20px 60px rgba(29,78,216,.42),inset 0 0 25px rgba(255,255,255,.18)}.orbit{border-color:rgba(174,199,255,.44)}.skill-card,.art-node{background:rgba(7,24,62,.88);border:1px solid var(--line);color:#f3f7ff;box-shadow:0 14px 34px rgba(0,0,0,.28)}.skill-card span{color:#b5c8e6}.skill-card b{color:#fff}.skill-card i{color:#f7cd4d}
.search-panel,.trust-strip,.mode-card,.course-card,.org-card,.institution-preview,.empty-catalogue,.page-intro,.application-form,.auth-card,.auth-aside,.dashboard-heading,.stat-card,.dashboard-shortcut,.admin-course-row,.admin-org-card,.payment-method-admin,.payment-org-box,.table-wrap,.verify-result,.passport-card,.assessment-panel,.material-row,.offering-card,.detail-aside,.course-detail-head,.notice{background:rgba(6,20,52,.84);border-color:var(--line);color:var(--ink);box-shadow:0 14px 40px rgba(0,0,0,.2)}
.search-panel input,.field input,.field textarea,.field select,.catalogue-filters input,.catalogue-filters select,.verify-search input,.enroll-form input,.enroll-form select{background:rgba(0,8,28,.62);border-color:rgba(130,164,224,.38);color:#f5f8ff}.search-label,.quick-search,.field>span,.field small,.muted,.course-card p,.org-card p,.empty-catalogue p,.admin-course-row p,.footer-inner p,.site-footer{color:#b7c5dc}.quick-search a{background:rgba(63,111,190,.2);color:#dce8ff}.trust-strip{box-shadow:0 8px 30px rgba(0,0,0,.22)}.trust-strip>div:not(.trust-note),.course-card-foot,.course-card-top,.form-section-title,.dashboard-tabs,.table-wrap,.data-table th,.data-table td,.site-footer{border-color:var(--line)}.trust-strip b,.mode-card h3,.course-card h3,.org-card h3,.empty-catalogue h3,.page-intro h1,.dashboard-heading h1,.auth-card h2,.admin-org-title h2,.admin-course-row h2,.payment-method-head h2,.verify-result-head h2,.passport-card h2,.assessment-panel h2,.material-row h3{color:#f5f8ff}.trust-strip span,.mode-index,.course-card-foot,.course-level,.course-mode-tag{color:#c2d2ea}.trust-note{color:#d5e1f5}.trust-mark{background:rgba(34,197,94,.16);color:#8ee5ad}
.mode-card{transition:transform .2s,border-color .2s,box-shadow .2s}.mode-card:hover,.course-card:hover,.org-card:hover{border-color:rgba(91,141,245,.7);box-shadow:0 18px 45px rgba(20,64,154,.22);transform:translateY(-3px)}.mode-onsite{background:linear-gradient(145deg,rgba(4,28,75,.9),rgba(6,20,52,.9))}.mode-live{background:linear-gradient(145deg,rgba(35,25,78,.8),rgba(6,20,52,.9))}.mode-self{background:linear-gradient(145deg,rgba(9,48,74,.8),rgba(6,20,52,.9))}.mode-arrow,.text-link{color:#f7cd4d}.course-card,.org-card{overflow:hidden}.course-card-link{color:inherit}.org-card img,.provider-line img{background:#fff;border:1px solid var(--line)}.institution-preview{background:linear-gradient(130deg,rgba(0,24,76,.95),rgba(8,34,91,.88));border:1px solid rgba(116,155,225,.38)}.institution-preview h2{color:#fff}.institution-proof span{background:rgba(255,255,255,.08);border-color:var(--line);color:#e1ebfa}
.dashboard-tabs{background:rgba(4,16,44,.8);border:1px solid var(--line);border-radius:15px;padding:6px}.dashboard-tabs a{color:#c2d2ea}.dashboard-tabs a.active,.dashboard-tabs a:hover{background:#1745bf;color:white}.stat-grid,.dashboard-shortcuts{gap:15px}.stat-card,.dashboard-shortcut{border-radius:18px}.dashboard-shortcut:hover{border-color:#6689ee}.admin-course-row h2{margin-top:7px}.status-pill{border:1px solid var(--line)}.data-table{color:#eaf1fd}.data-table th{background:rgba(25,53,103,.72);color:#f5f8ff}.data-table td{background:rgba(5,18,47,.45)}.data-table th,.data-table td{border-bottom:1px solid var(--line)}.admin-details,.form-section-title{border-color:var(--line)}.admin-details summary{color:#f7cd4d}.compact-form,.inline-create-form,.application-form,.auth-card{background:rgba(6,20,52,.84);border-color:var(--line)}.auth-steps span{background:rgba(63,111,190,.2);color:#e1ebfa}.auth-aside h1{color:#f5f8ff}.auth-aside p,.auth-card>p{color:#b7c5dc}.auth-foot{border-color:var(--line)}.certificate-data>div,.attempt-list,.passport-share{background:rgba(0,8,28,.5);border-color:var(--line)}.certificate-data dt,.passport-card p,.assessment-panel p,.material-row p{color:#b7c5dc}.qr-code{background:white}.notice-info{background:rgba(25,62,116,.48);color:#e5efff}.notice-success{background:rgba(21,83,64,.42);color:#d7ffea}.notice-error{background:rgba(111,35,39,.45);color:#ffe1de}.site-footer{background:rgba(0,7,24,.92);color:#d7e4ea}
.demo-draft-toggle{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;margin:10px 0 18px;background:rgba(217,160,6,.1);border:1px solid rgba(240,176,16,.42);border-radius:14px;color:#ffedbd}.demo-draft-toggle input{accent-color:#f0b010;margin-top:6px}.demo-draft-toggle span{color:#ffedbd;font-weight:700}
@media(max-width:680px){.main-nav{background:#061638;border-color:var(--line)}.main-nav a{color:#eaf1fd}.home-hero{background:linear-gradient(145deg,rgba(0,16,46,.96),rgba(3,24,67,.91))}.trust-strip>div:not(.trust-note){border-color:var(--line)}.footer-inner{color:#d7e4ea}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Contrast fixes requested on 2026-10-03. */
.page-organizations .org-card h2,.page-organizations .org-card h2 a{color:#f5f8ff}
.page-institution_guide .content-panel h2,.page-institution_guide .content-panel h3,.page-institution_guide .content-panel h4,.page-institution_guide .content-panel summary{color:#111827}
.page-institution_guide .content-panel>.eyebrow{color:#1745bf}