*,*:before,*:after{box-sizing:border-box}:root{--navy: #0d1f3c;--navy-mid: #1a3460;--navy-light: #2a4f8a;--orange: #e8630a;--gold: #c9a227;--white: #ffffff;--off-white: #f5f6f8;--light-gray: #e8eaef;--text: #1a2035;--text-muted: #5a6474;--border: #dde1ea;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--radius: 6px;--radius-lg: 12px;--font-body: "Georgia", "Times New Roman", serif;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif}main.app-shell{min-height:100vh!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;font-family:var(--font-body)!important;background:var(--off-white)!important;color:var(--text)!important;line-height:1.7!important;font-size:16px!important;scroll-behavior:smooth}main.app-shell .hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 60%,var(--navy-light) 100%)!important;color:var(--white)!important;padding:3rem 2rem 2.5rem!important;position:relative!important;overflow:hidden!important;margin:0!important}main.app-shell .hero:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:radial-gradient(ellipse at 80% 20%,rgba(200,162,39,.08) 0%,transparent 60%),radial-gradient(ellipse at 10% 80%,rgba(232,99,10,.06) 0%,transparent 50%)!important;pointer-events:none!important}main.app-shell .hero:after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,var(--orange),var(--gold),var(--orange))!important}main.app-shell .hero>*{position:relative!important;z-index:1!important;max-width:860px!important;margin-left:auto!important;margin-right:auto!important}main.app-shell .eyebrow{font-family:var(--font-ui)!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--gold)!important;opacity:.9!important;margin:0 0 1rem!important;padding:0!important;border:none!important;background:none!important}main.app-shell .hero-title-row{display:flex!important;align-items:center!important;gap:1rem!important;margin:0 0 .75rem!important}main.app-shell .mamat-logo{height:56px!important;width:auto!important;object-fit:contain!important;flex-shrink:0!important;display:inline-block!important}main.app-shell .hero h1{font-family:var(--font-ui)!important;font-size:clamp(1.75rem,4vw,2.75rem)!important;font-weight:700!important;line-height:1.2!important;color:var(--white)!important;margin:0!important;padding:0!important;letter-spacing:-.02em!important;border:none!important;background:none!important;text-transform:none!important}main.app-shell .hero h2{font-family:var(--font-ui)!important;font-size:clamp(1rem,2.5vw,1.25rem)!important;font-weight:400!important;color:#fffc!important;margin:0 0 1.5rem!important;padding:0!important;letter-spacing:.01em!important;border:none!important;background:none!important;text-transform:none!important}main.app-shell .challenge-line{font-family:var(--font-body)!important;font-size:clamp(.9rem,2vw,1.05rem)!important;font-style:italic!important;color:#ffffffbf!important;border-left:3px solid var(--orange)!important;border-top:none!important;border-right:none!important;border-bottom:none!important;padding:0 0 0 1rem!important;max-width:680px!important;line-height:1.6!important;margin:0!important}main.app-shell .section-nav{background:var(--navy)!important;padding:0 2rem!important;display:flex!important;gap:0!important;justify-content:center!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-top:none!important;position:sticky!important;top:0!important;z-index:100!important;box-shadow:var(--shadow-md)!important;flex-wrap:wrap!important;margin:0!important;list-style:none!important}main.app-shell .section-nav button{font-family:var(--font-ui)!important;font-size:.85rem!important;font-weight:500!important;letter-spacing:.04em!important;color:#fff9!important;background:none!important;border:none!important;border-bottom:3px solid transparent!important;border-radius:0!important;padding:1rem 1.5rem!important;cursor:pointer!important;transition:color .2s ease,border-color .2s ease!important;white-space:nowrap!important;text-decoration:none!important;text-transform:none!important;box-shadow:none!important;outline:none!important}main.app-shell .section-nav button:hover{color:#ffffffe6!important;border-bottom-color:#e8630a80!important;background:none!important}main.app-shell .section-nav button.active{color:var(--white)!important;border-bottom-color:var(--orange)!important}main.app-shell .content-card{flex:1!important;max-width:860px!important;width:100%!important;margin:2.5rem auto!important;padding:2.5rem 3rem!important;background:var(--white)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;border:1px solid var(--border)!important}main.app-shell .content-card h2{font-family:var(--font-ui)!important;font-size:1.75rem!important;font-weight:700!important;color:var(--navy)!important;margin:0 0 .5rem!important;padding:0!important;letter-spacing:-.02em!important;line-height:1.25!important;border:none!important;background:none!important;text-transform:none!important}main.app-shell .content-card h3{font-family:var(--font-ui)!important;font-size:1.15rem!important;font-weight:600!important;color:var(--navy-mid)!important;margin:2rem 0 .75rem!important;padding:0 0 .4rem!important;letter-spacing:-.01em!important;border-bottom:2px solid var(--light-gray)!important;border-top:none!important;border-left:none!important;border-right:none!important;background:none!important;text-transform:none!important}main.app-shell .content-card p{font-size:1rem!important;line-height:1.8!important;color:var(--text)!important;margin:0 0 1.1rem!important;padding:0!important}main.app-shell .content-card p:last-child{margin-bottom:0!important}main.app-shell .content-card strong{color:var(--navy)!important;font-weight:700!important}main.app-shell .content-card hr{border:none!important;border-top:1px solid var(--border)!important;margin:2rem 0!important}main.app-shell .content-card blockquote{background:var(--off-white)!important;border-left:4px solid var(--orange)!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-radius:0 var(--radius) var(--radius) 0!important;padding:1.25rem 1.5rem!important;margin:1.5rem 0!important;font-style:italic!important;color:var(--text-muted)!important;font-size:1.05rem!important;line-height:1.7!important}main.app-shell .audio-wrapper{background:var(--off-white)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:1rem 1.25rem!important;margin-top:1.5rem!important}main.app-shell .audio-player{display:block!important;width:100%!important;border-radius:var(--radius)!important;outline:none!important;accent-color:var(--navy)!important;color-scheme:light!important}main.app-shell .site-footer{background:var(--navy)!important;color:#ffffff8c!important;text-align:center!important;padding:2rem 1.5rem!important;margin-top:auto!important;border-top:3px solid var(--orange)!important;border-bottom:none!important}main.app-shell .footer-inner{max-width:860px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:.4rem!important}main.app-shell .footer-copy{font-family:var(--font-ui)!important;font-size:.85rem!important;color:#ffffffbf!important;margin:0!important;padding:0!important}main.app-shell .footer-tagline{font-family:var(--font-ui)!important;font-size:.78rem!important;letter-spacing:.06em!important;color:var(--gold)!important;opacity:.85!important;margin:0!important;padding:0!important}main.app-shell .footer-links{margin:.25rem 0 0!important;padding:0!important}main.app-shell .footer-link-btn{font-family:var(--font-ui)!important;font-size:.8rem!important;color:#ffffff80!important;background:none!important;border:none!important;cursor:pointer!important;text-decoration:underline!important;text-underline-offset:3px!important;transition:color .2s!important;padding:0!important;box-shadow:none!important;border-radius:0!important}main.app-shell .footer-link-btn:hover{color:#ffffffe6!important;background:none!important}.modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:rgba(13,31,60,.75)!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:1.5rem!important;margin:0!important}.modal-box{background:var(--white)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;max-width:600px!important;width:100%!important;padding:2.5rem!important;position:relative!important;max-height:85vh!important;overflow-y:auto!important;margin:0 auto!important}.modal-close{position:absolute!important;top:1rem!important;right:1rem!important;background:var(--light-gray)!important;border:none!important;border-radius:50%!important;width:2rem!important;height:2rem!important;font-size:.85rem!important;cursor:pointer!important;color:var(--text-muted)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .2s,color .2s!important;padding:0!important;box-shadow:none!important}.modal-close:hover{background:var(--navy)!important;color:var(--white)!important}.modal-title{font-family:var(--font-ui)!important;font-size:1.3rem!important;font-weight:700!important;color:var(--navy)!important;margin:0 0 1.25rem!important;padding-right:2rem!important;padding-left:0!important;border:none!important;background:none!important;text-transform:none!important}.modal-box p{font-size:.95rem!important;color:var(--text-muted)!important;line-height:1.75!important;margin:0 0 1rem!important;padding:0!important}.modal-box p:last-child{margin-bottom:0!important}@media (max-width: 768px){main.app-shell .hero{padding:2rem 1.25rem!important}main.app-shell .content-card{margin:1.25rem!important;padding:1.5rem 1.25rem!important}main.app-shell .section-nav{padding:0 .5rem!important}main.app-shell .section-nav button{padding:.75rem .85rem!important;font-size:.8rem!important}}