:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--bg-primary:#0a0a0c;--bg-secondary:#141417;--bg-tertiary:#1c1c21;--text-primary:#f5f5f7;--text-secondary:#a1a1aa;--accent-primary:#d97706;--accent-secondary:#8b5cf6;--accent-glow:#d9770626;--border-color:#27272a;--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--transition-fast:.2s ease;--max-width:1200px}[data-theme=light]{--bg-primary:#f4f4f5;--bg-secondary:#fff;--bg-tertiary:#e4e4e7;--text-primary:#18181b;--text-secondary:#52525b;--navbar-bg:#18181b;--nav-text:#fff;--border-color:#d4d4d8;--accent-primary:#d97706}:root{--navbar-bg:#0a0a0ccc;--nav-text:var(--text-secondary)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:700}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}section{padding:3rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s forwards fadeIn}.navbar{border-bottom:1px solid var(--border-color);background:var(--navbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;height:70px;color:var(--nav-text);align-items:center;display:flex;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.logo span{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-menu{align-items:center;gap:2rem;display:flex}.nav-menu-link{color:var(--nav-text);transition:var(--transition-fast);cursor:pointer;font-size:.9375rem;font-weight:600;text-decoration:none}.nav-menu-link:hover{color:var(--accent-primary)}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);border-radius:.5rem;padding:.4rem .7rem;font-size:1rem}.theme-toggle:hover{background:var(--bg-secondary)}.nav-notes-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-primary);cursor:pointer;transition:var(--transition-fast);border-radius:.5rem;padding:.4rem 1rem;font-size:.875rem;font-weight:700}.nav-notes-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.notes-pad-container{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:500;border-radius:1rem;flex-direction:column;width:350px;height:450px;animation:.3s ease-out modalIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 40px #00000080}.notes-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.notes-header h3{font-size:1rem}.notes-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.notes-textarea{color:var(--text-primary);font-family:var(--font-sans);resize:none;background:0 0;border:none;outline:none;flex:1;padding:1rem;font-size:.9375rem;line-height:1.6}.notes-footer{background:var(--bg-tertiary);color:var(--text-secondary);border-top:1px solid var(--border-color);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;padding:.5rem 1rem;font-size:.7rem}.hero{text-align:center;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:8rem 0 6rem;position:relative;overflow:hidden}.hero:before{content:"";opacity:.7;z-index:1;background-image:linear-gradient(#0a0a0c66,#0a0a0c66),url(https://images.unsplash.com/photo-1542831371-29b0f74f9713?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-size:cover;animation:30s ease-in-out infinite alternate slowZoom;position:absolute;inset:0}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg-primary));z-index:2;position:absolute;inset:0}.hero .container{z-index:3;position:relative}.hero h1{margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.hero p{color:var(--text-secondary);max-width:700px;margin:0 auto 2.5rem;font-size:1.25rem}.badge{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:9999px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem;display:grid}.topic-card{cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-color);transition:var(--transition-fast);border-radius:1rem;padding:2.5rem}.topic-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 10px 30px -10px #00000080}.topic-icon{margin-bottom:1.5rem;font-size:2.5rem}.section-title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin-bottom:1rem;margin-left:auto;margin-right:auto}.vault-controls{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;max-width:500px;color:var(--text-primary);transition:var(--transition-fast);border-radius:.75rem;outline:none;padding:1rem 1.5rem;font-size:1rem}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.category-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.category-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem}.category-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.jargon-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.jargon-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.jargon-term{color:var(--accent-primary);font-size:1.125rem;font-weight:700}.jargon-category{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.jargon-definition{color:var(--text-primary);font-size:.9375rem;line-height:1.6}.jargon-card.clickable{cursor:pointer;transition:transform .2s,border-color .2s}.jargon-card.clickable:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:scale(1.02)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;width:100%;max-width:700px;max-height:90vh;padding:2rem;animation:.3s ease-out modalIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--text-primary)}.modal-header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem}.modal-category{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:block}.modal-term{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.modal-section{margin-bottom:1.25rem}.modal-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.75rem}.modal-section p{font-size:1.05rem;line-height:1.5}.modal-example{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:.75rem 1rem}.modal-example code{color:var(--accent-primary);font-family:Courier New,Courier,monospace;font-size:1rem}.modal-meta{background:var(--bg-tertiary);border-left:4px solid var(--accent-secondary);border-radius:1rem;margin-top:1rem;padding:1.5rem}.modal-meta h4{color:var(--accent-secondary);margin-bottom:.5rem;font-size:.9375rem;font-weight:700}.modal-meta p{line-height:1.5;color:var(--text-primary)!important;font-size:1rem!important}.vault-header{text-align:center;flex-direction:column;align-items:center;gap:.25rem;margin-top:60px;margin-bottom:2rem;display:flex}.clear-history-btn{border:1px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border-radius:.75rem;margin-top:1rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600}.clear-history-btn:hover{background:var(--accent-primary);color:#fff}.card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.learned-badge{color:#10b981;text-transform:uppercase;background:#10b9811a;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.jargon-card.viewed{border-color:#10b9814d}.jargon-card.viewed .jargon-term{color:var(--text-secondary)}@media (width<=768px){.vault-header{text-align:center;flex-direction:column;align-items:center}.clear-history-btn{margin-bottom:2rem}}.premium-assets-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;margin-bottom:4rem;padding:3rem 2rem;box-shadow:0 4px 20px #0003}.premium-title{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:1.5rem}.cta-container{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.cta-badge{background:var(--accent-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.cta-text{color:var(--text-primary);max-width:500px;font-size:1.125rem;font-weight:600}.ecosystem-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2.5rem;display:grid}.ecosystem-item{background:var(--bg-tertiary);border:1px solid var(--border-color);transition:var(--transition-fast);color:inherit;cursor:pointer;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none;display:flex}.ecosystem-item:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.ecosystem-link{color:var(--accent-primary);font-size:1.125rem;font-weight:700;text-decoration:none}.ecosystem-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.copyright{margin-top:50px}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);padding:4rem 0;font-size:.875rem}@media (width<=768px){.hero h1{font-size:2.5rem}.topic-grid{grid-template-columns:1fr}.modal-content{padding:2rem}.modal-term{font-size:2rem}}.certificate-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.certificate{color:#333;text-align:center;background:#fff;border:10px double #d97706;flex-direction:column;justify-content:center;align-items:center;width:600px;height:400px;padding:2rem;display:flex}.certificate h1{color:#d97706;margin-bottom:1rem;font-size:2rem}.certificate h2{margin:.5rem 0;font-size:1.5rem}.certificate h3{margin:.5rem 0;font-size:1.25rem}.score-badge{background:#eee;margin:1rem 0;padding:.5rem 1rem;font-weight:700}.date{margin-top:1rem;font-size:.9rem}.brand{color:#8b5cf6;margin-top:1.5rem;font-weight:700}.download-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:1rem 2rem;font-weight:700}.quiz-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;max-width:600px;margin:2rem auto;padding:2rem}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.quiz-score{background:var(--bg-tertiary);border:1px solid var(--border-color);text-align:center;border-radius:.5rem;min-width:80px;padding:.5rem 1rem;font-weight:700}.options-grid{gap:1rem;margin-top:1.5rem;display:grid}.option-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition-fast);border-radius:.5rem;padding:1rem}.option-btn:hover{border-color:var(--accent-primary)}.option-btn.correct{background:#10b98133;border-color:#10b981}.option-btn.incorrect{background:#ef444433;border-color:#ef4444}.quiz-feedback{text-align:center;margin-top:1.5rem}.quiz-btn,.next-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;margin-top:1rem;padding:.75rem 1.5rem}.quiz-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:1.5rem}