:root{--accent: #f97316;--accent-hover: #ea6c05;--accent2: #7c3aed;--radius: 12px;--radius-sm: 8px;--transition: .2s ease;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow: 0 4px 24px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .35)}[data-theme=dark]{--bg: #080810;--bg2: #0e0e1a;--surface: #131320;--surface2: #1c1c2e;--surface3: #252538;--border: rgba(255, 255, 255, .08);--text: #f0f0ff;--text-muted: #9090b8;--text-faint: #5858a0;--hero-overlay: rgba(8, 8, 16, .78)}[data-theme=light]{--bg: #f5f5fc;--bg2: #eeeef8;--surface: #ffffff;--surface2: #f0f0fa;--surface3: #e5e5f5;--border: rgba(0, 0, 0, .1);--text: #0d0d1a;--text-muted: #4a4a6a;--text-faint: #8888b0;--hero-overlay: rgba(5, 5, 20, .72)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;transition:background var(--transition),color var(--transition)}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{max-width:100%}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeInUp .7s ease both}.fade-in-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-in-scroll.visible{opacity:1;transform:translateY(0)}.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:2rem;height:64px}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);font-weight:700;font-size:1rem;flex-shrink:0}.brand:hover{color:var(--text)}.brand-name{white-space:nowrap}.brand-accent{color:var(--accent)}.nav-links{display:flex;gap:1.5rem;margin-left:auto}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color var(--transition)}.nav-links a:hover{color:var(--text)}.theme-toggle{background:var(--surface2);border-radius:var(--radius-sm);padding:.4rem .65rem;font-size:1rem;transition:background var(--transition);flex-shrink:0}.theme-toggle:hover{background:var(--surface3)}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;padding:.7rem 1.4rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);border:none}.btn-primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #f9731666}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:var(--text);padding:.7rem 1.4rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;border:1.5px solid var(--border);transition:background var(--transition),border-color var(--transition),transform var(--transition)}.btn-secondary:hover{background:var(--surface2);border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:var(--text-muted);padding:.7rem 1.4rem;border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;border:1.5px solid transparent;transition:all var(--transition)}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.6);transform:scale(1.02)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-overlay)}.hero-content{position:relative;z-index:2;padding:5rem 1.5rem;max-width:780px}.hero-badge{display:inline-block;background:#f9731633;border:1px solid rgba(249,115,22,.5);color:#f97316;padding:.3rem .9rem;border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.25rem}.hero-title{font-family:Verdana,Geneva,sans-serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.12;color:#fff;margin-bottom:1.25rem}.gradient-text{background:linear-gradient(135deg,#f97316,#ec4899,#7c3aed);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}.hero-subtitle{font-size:1.05rem;color:#fffc;max-width:600px;margin-bottom:2rem;line-height:1.7}.hero-subtitle strong{color:#fff}.hero-stats{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);padding:.75rem 1.25rem;text-align:center;min-width:90px}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.stat-label{display:block;font-size:.72rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.section{padding:5rem 0}.section-alt{background:var(--bg2)}.section-header{text-align:center;margin-bottom:3rem}.section-badge{display:inline-block;background:#f9731626;border:1px solid rgba(249,115,22,.4);color:var(--accent);padding:.3rem .9rem;border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem}.section-title{font-family:Verdana,Geneva,sans-serif;font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700;line-height:1.13;color:var(--text);margin-bottom:.75rem}.section-description{font-size:1rem;color:var(--text-muted);max-width:580px;margin:0 auto;line-height:1.7}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.pillar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.pillar-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--pillar-color, #f97316) 0%,transparent 60%);opacity:.06;transition:opacity var(--transition)}.pillar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--pillar-color, var(--accent))}.pillar-card:hover:before{opacity:.12}.pillar-icon{font-size:2.25rem;margin-bottom:.75rem;line-height:1}.pillar-color-bar{width:36px;height:3px;background:var(--pillar-color, var(--accent));border-radius:2px;margin-bottom:1rem}.pillar-title{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:.4rem}.pillar-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.pillar-cta{font-size:.82rem;font-weight:600;color:var(--pillar-color, var(--accent))}.vault-progress-bar{margin-bottom:1.5rem}.vault-progress-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-muted);margin-bottom:.4rem}.vault-progress-track{height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}.vault-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ec4899);border-radius:3px;transition:width .5s ease}.vault-controls{margin-bottom:1.25rem}.search-wrapper{position:relative;max-width:480px}.search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);font-size:.9rem;pointer-events:none}.search-input{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:.9rem;padding:.65rem 1rem .65rem 2.5rem;transition:border-color var(--transition),box-shadow var(--transition)}.search-input::placeholder{color:var(--text-faint)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f9731626}.category-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.cat-tab{background:var(--surface);border:1.5px solid var(--border);border-radius:100px;color:var(--text-muted);font-size:.8rem;font-weight:500;padding:.35rem .9rem;transition:all var(--transition);white-space:nowrap}.cat-tab:hover{color:var(--text);border-color:var(--accent)}.cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.term-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.35rem;cursor:pointer;position:relative;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.term-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}.term-card.learned{border-color:#10b98166}.learned-badge{position:absolute;top:.75rem;right:.75rem;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981;font-size:.7rem;font-weight:600;padding:.2rem .55rem;border-radius:100px}.term-card-header{margin-bottom:.6rem}.category-badge{display:inline-block;font-size:.7rem;font-weight:600;color:#fff;padding:.2rem .6rem;border-radius:100px;letter-spacing:.04em}.term-name{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.term-gist{font-size:.83rem;color:var(--text-muted);line-height:1.55;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.term-cta{font-size:.78rem;font-weight:600;color:var(--accent)}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.modal-dialog{border:none;border-radius:var(--radius);background:var(--surface);color:var(--text);padding:0;max-width:680px;width:calc(100vw - 2rem);max-height:calc(100vh - 4rem);overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeInUp .25s ease both}.modal-dialog::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-inner{padding:2rem}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.3rem;font-weight:700;color:var(--text);line-height:1.3}.modal-close{background:var(--surface2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem;padding:.35rem .6rem;flex-shrink:0;transition:all var(--transition)}.modal-close:hover{background:var(--surface3);color:var(--text)}.modal-body{display:flex;flex-direction:column;gap:1.5rem}.modal-badge{display:inline-block;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .9rem;border-radius:100px;margin-bottom:.5rem}.modal-section{display:flex;flex-direction:column;gap:.6rem}.modal-section-title{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.modal-section p{font-size:.95rem;color:var(--text);line-height:1.75}.gist-highlight{background:var(--surface2);border-left:3px solid var(--accent);padding:.75rem 1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.example-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.claude-tip-box{background:#7c3aed14;border:1px solid rgba(124,58,237,.25);border-radius:var(--radius-sm);padding:1rem}.claude-tip-text{font-size:.88rem;line-height:1.7;color:var(--text)}.pillar-modal-content{display:flex;flex-direction:column;gap:1.5rem}.term-modal-header{margin-bottom:.25rem}.term-modal-content{display:flex;flex-direction:column;gap:1.5rem}.quiz-progress-wrapper{margin-bottom:2rem}.quiz-progress-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.quiz-progress-track{height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:3px;transition:width .4s ease}.quiz-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:2rem;max-width:720px;margin:0 auto 1.5rem;box-shadow:var(--shadow)}.quiz-q-number{font-size:.78rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.quiz-question{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:1.5rem;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:.6rem}.quiz-option{display:flex;align-items:flex-start;gap:.75rem;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:.88rem;line-height:1.5;padding:.75rem 1rem;text-align:left;transition:all var(--transition)}.quiz-option:not(:disabled):hover{border-color:var(--accent);background:#f9731614}.quiz-option:disabled{cursor:default}.quiz-option.correct{background:#10b9811f;border-color:#10b981;color:var(--text)}.quiz-option.incorrect{background:#ef44441f;border-color:#ef4444;color:var(--text)}.option-letter{flex-shrink:0;width:24px;height:24px;background:var(--surface3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-muted);margin-top:.1rem}.quiz-option.correct .option-letter{background:#10b981;color:#fff}.quiz-option.incorrect .option-letter{background:#ef4444;color:#fff}.quiz-feedback{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.25rem;padding:.9rem 1.1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600}.quiz-feedback.correct{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981}.quiz-feedback.incorrect{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.quiz-next-btn{padding:.5rem 1.1rem;font-size:.85rem}.quiz-answered-pills{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:720px;margin:0 auto}.answered-pill{width:12px;height:12px;border-radius:50%;background:var(--surface3);transition:background var(--transition)}.answered-pill.current{background:var(--accent);animation:pulse 1s ease infinite}.answered-pill.correct{background:#10b981}.answered-pill.incorrect{background:#ef4444}.quiz-pass-banner{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#10b981;border-radius:var(--radius);padding:1rem 1.5rem;text-align:center;font-size:1rem;font-weight:600;margin-bottom:2rem}.quiz-fail-banner{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;max-width:520px;margin:0 auto}.quiz-fail-banner p{color:var(--text-muted);margin-bottom:.5rem}.certificate-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.certificate{background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);padding:2.5rem 2rem;max-width:560px;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 40px #f9731626}.certificate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center top,rgba(249,115,22,.08),transparent 60%);pointer-events:none}.cert-header{margin-bottom:1.5rem}.cert-logo{margin-bottom:.5rem}.cert-org{font-size:.78rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.cert-title{font-family:Verdana,Geneva,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:.4rem}.cert-course{font-size:.88rem;color:var(--text-muted)}.cert-score{display:flex;justify-content:center;margin-bottom:1.25rem}.cert-score-ring{position:relative;width:120px;height:120px}.cert-score-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.cert-score-pct{font-size:1.6rem;font-weight:700;color:var(--accent);line-height:1}.cert-score-raw{font-size:.72rem;color:var(--text-muted);margin-top:.2rem}.cert-date{font-size:.82rem;color:var(--text-muted);margin-bottom:1rem}.cert-ribbon{display:inline-block;background:linear-gradient(135deg,var(--accent),#ec4899);color:#fff;font-weight:700;font-size:.85rem;padding:.4rem 1.25rem;border-radius:100px;margin-bottom:1.5rem}.cert-footer{display:flex;align-items:center;gap:1rem;justify-content:center;padding-top:1.25rem;border-top:1px solid var(--border);flex-wrap:wrap}.cert-seal{display:flex;flex-direction:column;align-items:center;gap:.2rem}.cert-seal span{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.cert-seal p{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.cert-tagline{font-size:.8rem;color:var(--text-muted);max-width:260px;text-align:left}.cert-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.notepad-fab{position:fixed;bottom:1.75rem;right:1.75rem;z-index:200;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #f9731680;transition:transform var(--transition),box-shadow var(--transition);border:none}.notepad-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #f9731699}.notepad-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;background:#10b981;border-radius:50%;border:2px solid var(--bg)}.notepad-panel{position:fixed;bottom:5.5rem;right:1.75rem;z-index:200;width:320px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:fadeInUp .2s ease both;-webkit-user-select:none;user-select:none}.notepad-panel.dragging{box-shadow:0 12px 48px #0006}.notepad-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:600;color:var(--text);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface2)}.notepad-header-actions{display:flex;align-items:center;gap:.4rem}.notepad-wordcount{font-size:.72rem;color:var(--text-faint);font-weight:400}.notepad-clear,.notepad-close{background:transparent;color:var(--text-muted);font-size:.85rem;padding:.2rem;border-radius:4px;transition:all var(--transition)}.notepad-clear:hover,.notepad-close:hover{color:var(--text);background:var(--surface3)}.notepad-textarea{font-family:var(--font-sans);font-size:.85rem;line-height:1.6;color:var(--text);background:var(--surface);border:none;padding:.9rem 1rem;resize:none;height:220px;width:100%;outline:none;-webkit-user-select:text;user-select:text}.notepad-textarea::placeholder{color:var(--text-faint)}.notepad-footer{padding:.4rem 1rem;border-top:1px solid var(--border);font-size:.68rem;color:var(--text-faint);background:var(--surface2);border-radius:0 0 var(--radius) var(--radius)}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:3.5rem 0 1.5rem;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}.footer-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--text);margin-bottom:.75rem;font-size:.95rem}.footer-tagline{font-size:.85rem;color:var(--text-muted);line-height:1.65;max-width:300px}.footer-heading{font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.9rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.55rem}.footer-links a{font-size:.85rem;color:var(--text-muted);transition:color var(--transition)}.footer-links a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border);gap:1rem;flex-wrap:wrap}.footer-bottom p{font-size:.82rem;color:var(--text-muted)}.footer-brand-link{color:var(--accent);font-weight:600}.footer-brand-link:hover{color:var(--accent-hover)}.footer-built{font-size:.78rem;color:var(--text-faint)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1 / -1}}@media(max-width:640px){.nav-links{display:none}.hero-content{padding:3.5rem 1.5rem}.hero-stats{gap:.65rem}.stat-card{padding:.6rem .9rem;min-width:70px}.hero-actions{gap:.75rem}.hero-actions a,.hero-actions button{font-size:.85rem;padding:.6rem 1.1rem}.section{padding:3.5rem 0}.pillars-grid,.terms-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.quiz-card{padding:1.25rem}.notepad-panel{width:calc(100vw - 2rem);right:1rem}.cert-actions{flex-direction:column;align-items:stretch}.cert-actions button,.cert-actions a{text-align:center;justify-content:center}.modal-inner{padding:1.25rem}.category-tabs{gap:.4rem}.cat-tab{font-size:.75rem;padding:.3rem .7rem}}@media(max-width:400px){.hero-stats{display:grid;grid-template-columns:1fr 1fr}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}