/* Extracted from the inline <style id="neumorph-theme"> block that was repeated
   byte-identically on 9 pages. Cached once instead of re-downloaded
   with every page. Do not reorder: it is linked at the exact position the
   inline block occupied, because these skins depend on source order. */
:root{
  --bg:#1A1714;--fg:#3D4852;--muted:#6B7280;--accent:#C9A24B;--accent-light:#E3C77A;--accent-2:#A9823A;
  --ex:9px 9px 16px rgba(0,0,0,0.6),-9px -9px 16px rgba(255,255,255,0.05);
  --ex-hover:12px 12px 20px rgba(0,0,0,0.7),-12px -12px 20px rgba(255,255,255,0.05);
  --ex-sm:5px 5px 10px rgba(0,0,0,0.6),-5px -5px 10px rgba(255,255,255,0.05);
  --in:inset 6px 6px 10px rgba(0,0,0,0.6),inset -6px -6px 10px rgba(255,255,255,0.05);
  --in-deep:inset 10px 10px 20px rgba(0,0,0,0.7),inset -10px -10px 20px rgba(255,255,255,0.05);
  --in-sm:inset 3px 3px 6px rgba(0,0,0,0.6),inset -3px -3px 6px rgba(255,255,255,0.05);
}
html,body{background:#1A1714 !important;color:var(--fg) !important;font-family:'DM Sans',system-ui,sans-serif !important;scroll-behavior:smooth;scroll-padding-top:96px;}
h1,h2,h3,h4,h5,.logo,.font-display{font-family:'Plus Jakarta Sans','DM Sans',sans-serif !important;letter-spacing:-0.02em;color:var(--fg) !important;}
a{text-decoration:none;}
::selection{background:rgba(201,162,75,.25);}
/* decorative floating tiles instead of colour orbs */
.bg-orbs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.orb{display:none !important;}
.bg-orbs::before,.bg-orbs::after{content:"";position:absolute;border-radius:50%;background:#1A1714;box-shadow:var(--ex);opacity:.55;animation:nfloat 7s ease-in-out infinite;}
.bg-orbs::before{width:200px;height:200px;top:16%;left:5%;}
.bg-orbs::after{width:130px;height:130px;bottom:14%;right:7%;animation-delay:2.5s;}
@keyframes nfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-24px)}}
/* NAVBAR */
.navbar{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:auto !important;transform:none !important;z-index:1000;display:flex !important;flex-direction:row !important;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.6rem !important;margin:0 !important;width:auto !important;max-width:none !important;border-radius:0 !important;background:#1A1714 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:none !important;box-shadow:0 8px 18px rgba(0,0,0,0.55) !important;}
.navbar.scrolled{box-shadow:0 10px 24px rgba(0,0,0,0.72) !important;}
.logo{font-weight:800 !important;font-size:1.25rem !important;color:var(--fg) !important;background:none !important;-webkit-text-fill-color:var(--fg) !important;}
.nav-links{display:flex !important;align-items:center;gap:1rem !important;}
.nav-links a{color:var(--fg) !important;font-weight:600 !important;font-size:.8rem !important;padding:.4rem .25rem;white-space:nowrap;transition:color .3s ease,transform .3s ease;background:none !important;-webkit-text-fill-color:var(--fg) !important;}
.nav-links a:hover{color:var(--accent) !important;-webkit-text-fill-color:var(--accent) !important;transform:translateY(-1px);}
.nav-links a.active{color:var(--accent) !important;-webkit-text-fill-color:var(--accent) !important;}
.lang-toggle{display:flex !important;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:9999px;background:#1A1714;box-shadow:var(--in-sm);cursor:pointer;}
.lang-toggle span{font-size:.72rem;font-weight:700;color:var(--muted);}
.lang-toggle span.active{color:var(--accent);}
.lang-toggle .divider{width:1px;height:12px;background:rgba(61,72,82,.25);}
.nav-burger{display:none;width:44px;height:44px;border:none;border-radius:14px;background:#1A1714;box-shadow:var(--ex-sm);cursor:pointer;position:relative;flex:0 0 auto;}
.nav-burger span,.nav-burger::before,.nav-burger::after{content:"";position:absolute;left:11px;right:11px;height:2px;background:var(--fg);border-radius:2px;transition:.3s;}
.nav-burger span{top:21px;}
.nav-burger::before{top:15px;}
.nav-burger::after{top:27px;}
#authButton{display:flex;align-items:center;}
#authButton a,#authButton button{color:var(--accent) !important;font-weight:700 !important;}
@media(max-width:900px){
  .nav-burger{display:block;}
  .nav-links{position:absolute;top:62px;left:1rem;right:1rem;flex-direction:column !important;align-items:stretch;gap:.3rem;padding:0 1rem;background:#1A1714;border-radius:24px;box-shadow:var(--ex);max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .35s ease,opacity .3s ease,padding .3s ease;}
  .nav-links.open{max-height:85vh;opacity:1;pointer-events:auto;padding:1rem;}
  .nav-links a{padding:.7rem .4rem;font-size:.95rem !important;}
  .lang-toggle{justify-content:center;margin-top:.4rem;}
}
/* HERO */
.hero,.page-hero{background:#1A1714 !important;color:var(--fg) !important;position:relative;overflow:hidden;}
.hero::before,.page-hero::before,.hero::after{display:none !important;background:none !important;}
.page-hero{padding:9rem 1.5rem 4rem !important;text-align:center;}
.page-hero::after{display:block !important;content:"" !important;position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:18%;background:#1A1714;box-shadow:var(--ex);opacity:.5;animation:nfloat 8s ease-in-out infinite;pointer-events:none;}
.page-hero h1,.hero h1{color:var(--fg) !important;-webkit-text-fill-color:var(--fg) !important;background:none !important;font-weight:800 !important;}
.page-hero p,.hero p,.hero-subtitle,.subtitle{color:var(--muted) !important;}
.hero-content,.page-hero>*{position:relative;z-index:3;}
/* CONTAINERS */
.container{position:relative;z-index:1;max-width:1120px;margin:0 auto;}
section{position:relative;z-index:1;}
/* CARDS */
.topic-card,.feature-card,.stat-card,.challenge-card,.daily-challenge,.concept-section,.interactive-demo,.vs-card,.vs-card.classic,.vs-card.quantum,.journal-card,.callout-box,.progress-item,.progress-section,.profile-header,.fact,.cmp-wrap,.blockchain-box,.card,.info-card,.benefit-card,.demo-card{background:#1A1714 !important;border:none !important;border-radius:28px !important;box-shadow:var(--ex) !important;color:var(--fg) !important;}
.topic-card:hover,.feature-card:hover,.journal-card:hover,.fact:hover,.stat-card:hover,.challenge-card:hover,.card:hover{transform:translateY(-3px);box-shadow:var(--ex-hover) !important;}
.vs-card.quantum .muted,.vs-card .muted{color:var(--muted) !important;}
.vs-card li{border-bottom:1px solid rgba(0,0,0,.4) !important;}
.vs-mid{color:var(--accent) !important;}
.section-tag,.eyebrow,.badge-label{color:var(--accent) !important;}
.lead,.note,.muted,.dim{color:var(--muted) !important;}
/* dark display screens (code + svg graphics) kept as raised dark tiles */
.math,.gfx{background:#2a2f3a !important;border:none !important;border-radius:20px !important;box-shadow:var(--ex) !important;color:#e8ebf2 !important;}
.math .c{color:#9aa0ad !important;}
.gfx .cap{color:#aeb6c4 !important;}
.flow .step{background:#1A1714 !important;box-shadow:var(--ex-sm) !important;border:none !important;border-radius:14px !important;color:var(--fg) !important;}
.flow .step.dark{background:var(--accent) !important;color:#fff !important;}
.flow .arrow{color:var(--accent) !important;}
/* output wells */
.demo-result,.hash-out,.formula-box,.formula-display,.card-formula,.formula{background:#1A1714 !important;color:var(--fg) !important;box-shadow:var(--in) !important;border:none !important;border-radius:16px !important;}
/* BUTTONS */
.btn,.btn-primary,.btn-outline,.btn-secondary,.demo-btn,.quick-btn,.filter-btn,.btn-logout,.cta-button,.start-btn,.check-btn,.submit-btn{font-family:'Plus Jakarta Sans',sans-serif !important;border:none !important;border-radius:16px !important;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;background:#1A1714 !important;color:var(--fg) !important;box-shadow:var(--ex) !important;}
.btn:hover,.btn-primary:hover,.btn-outline:hover,.btn-secondary:hover,.demo-btn:hover,.quick-btn:hover,.filter-btn:hover,.btn-logout:hover,.cta-button:hover,.start-btn:hover,.check-btn:hover,.submit-btn:hover{transform:translateY(-1px);box-shadow:var(--ex-hover) !important;}
.btn:active,.btn-primary:active,.btn-outline:active,.demo-btn:active,.quick-btn:active,.filter-btn:active,.btn-logout:active,.cta-button:active,.check-btn:active,.submit-btn:active{transform:translateY(.5px);box-shadow:var(--in-sm) !important;}
.btn-primary,.demo-btn,.cta-button,.start-btn,.check-btn,.submit-btn,.filter-btn.active{background:var(--accent) !important;color:#fff !important;}
.btn-primary:active,.demo-btn:active,.cta-button:active,.filter-btn.active:active{box-shadow:inset 4px 4px 8px rgba(201,162,75,.45),inset -4px -4px 8px rgba(255,255,255,0.05) !important;}
.quick-btn,.filter-btn{font-size:.78rem !important;padding:.5rem 1.05rem !important;border-radius:9999px !important;box-shadow:var(--ex-sm) !important;}
/* INPUTS */
.demo-input,#aiChatInput,input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{background:#1A1714 !important;border:none !important;border-radius:16px !important;color:var(--fg) !important;box-shadow:var(--in) !important;padding:.85rem 1rem !important;font-family:'DM Sans',sans-serif !important;}
.demo-input:focus,#aiChatInput:focus,input:focus,select:focus,textarea:focus{outline:none !important;box-shadow:var(--in-deep) !important;}
::placeholder{color:#A0AEC0 !important;}
.demo-input-group{gap:.8rem !important;}
/* PROGRESS / XP */
.progress-bar,.xp-bar .progress-bar,.xp-track,.progress-track{background:#1A1714 !important;box-shadow:var(--in-sm) !important;border-radius:9999px !important;overflow:hidden;border:none !important;}
.progress-fill,#xpFill,.xp-fill{background:linear-gradient(90deg,var(--accent),var(--accent-light)) !important;}
.profile-avatar{border:none !important;box-shadow:var(--ex) !important;background:#1A1714 !important;color:var(--accent) !important;}
.stat-card .num,.fact .num,.stat-number,.stat-value,.big-number{color:var(--accent) !important;-webkit-text-fill-color:var(--accent) !important;background:none !important;}
.concept-section{background:none !important;box-shadow:none !important;border:none !important;padding:0 !important;margin:0 0 4.5rem 0 !important;}
.concept-header{display:flex !important;align-items:center;gap:1.4rem;margin-bottom:1.8rem !important;}
.concept-number{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:1.5rem !important;font-weight:800 !important;line-height:1 !important;background:var(--accent) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;box-shadow:var(--ex-sm) !important;border:none !important;padding:.7rem 1rem !important;border-radius:16px !important;min-width:3.4rem;text-align:center;flex:0 0 auto;}
.concept-title{display:flex;flex-direction:column;justify-content:center;}
.concept-title h2{font-size:1.9rem !important;font-weight:800 !important;margin:0 0 .25rem 0 !important;color:var(--fg) !important;line-height:1.15;}
.concept-title p,.concept-sub{color:var(--muted) !important;font-size:.78rem !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.12em;margin:0 !important;}
.concept-content{background:#1A1714 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:none !important;border-radius:28px !important;box-shadow:var(--ex) !important;padding:2.4rem !important;margin-bottom:1.6rem !important;color:var(--fg) !important;}
.concept-content:hover{transform:none !important;box-shadow:var(--ex) !important;}
/* TABLES */
table.cmp,.cmp{background:#1A1714 !important;border-radius:18px;overflow:hidden;}
table.cmp th{background:var(--accent) !important;color:#fff !important;}
table.cmp td{border-bottom:1px solid rgba(0,0,0,.35) !important;color:var(--fg) !important;}
.tag-broken{color:#c0392b !important;font-weight:700;}
.tag-safe{color:#1e7a46 !important;font-weight:700;}
.pill,.jtag{background:#1A1714 !important;box-shadow:var(--in-sm) !important;color:var(--accent) !important;border:none !important;}
/* BARS CHART */
.bar-track{background:#1A1714 !important;box-shadow:var(--in) !important;border:none !important;}
.bar-fill.warm{background:linear-gradient(90deg,var(--accent),var(--accent-light)) !important;}
.bar-fill.cool{background:linear-gradient(90deg,var(--accent-2),#E3C77A) !important;}
.bar-fill.dark{background:linear-gradient(90deg,#6B7280,#9aa4b2) !important;}
/* TIMELINE */
.timeline::before{background:linear-gradient(var(--accent),var(--accent-2)) !important;}
.tl::before{background:var(--accent) !important;box-shadow:0 0 0 4px rgba(201,162,75,.18) !important;}
.tl .yr,.timeline .yr{color:var(--accent) !important;}
.journal-meta{color:var(--muted) !important;}
.journal-card details summary{color:var(--accent) !important;cursor:pointer;}
/* FOOTER */
footer{background:#1A1714 !important;color:var(--muted) !important;border:none !important;box-shadow:0 -8px 18px rgba(0,0,0,.4) !important;}
footer a{color:var(--accent) !important;}
/* CURSOR */
.cursor{background:rgba(201,162,75,.22) !important;mix-blend-mode:normal !important;border:2px solid var(--accent) !important;}
.cursor.hover,.cursor.active{background:rgba(201,162,75,.12) !important;}
@media(max-width:900px){.cursor{display:none !important;}}
/* CHATBOT */
#aiChatToggle,.ai-chat-toggle{background:var(--accent) !important;color:#fff !important;box-shadow:var(--ex) !important;border:none !important;}
#aiChatWindow,.ai-chat-window{background:#1A1714 !important;box-shadow:var(--ex-hover) !important;border:none !important;border-radius:28px !important;}
.ai-chat-header,#aiChatWindow .ai-chat-header{background:var(--accent) !important;color:#fff !important;border:none !important;}
#aiChatMessages>*{border-radius:16px !important;}
#aiSendBtn,.ai-send-btn{background:var(--accent) !important;color:#fff !important;box-shadow:var(--ex-sm) !important;border:none !important;border-radius:14px !important;}
#aiQuickQuestions{display:flex;flex-wrap:wrap;gap:.5rem;}
/* focus accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.lang-toggle:focus-visible{outline:2px solid var(--accent) !important;outline-offset:2px;}
/* reduce motion pref */
body.reduce-motion *{animation:none !important;}