@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#f5a623;--secondary:#9013fe;--bg-dark:#0f172a;--bg-light:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass:#1e293bb3;--glass-border:#ffffff1a;--accent-gradient:linear-gradient(135deg, #f5a623 0%, #ff6b6b 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex}.sidebar{border-right:1px solid var(--glass-border);z-index:10;background:#0f172af2;flex-direction:column;width:300px;padding:3rem 1.5rem;display:flex}.sidebar-header{text-align:center;margin-bottom:3rem}.avatar-placeholder{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1rem;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:900;display:flex;box-shadow:0 10px 20px -5px #f5a62380}.sidebar-name{margin-bottom:.25rem;font-family:Montserrat,sans-serif;font-size:1.15rem}.sidebar-subtitle{color:var(--text-secondary);font-size:.85rem}.nav-links{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.nav-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--primary);background:#f5a6231a}.sidebar-footer{border-top:1px solid var(--glass-border);color:var(--text-secondary);text-align:center;padding-top:1.5rem;font-size:.75rem}.main-content{scroll-behavior:smooth;background:radial-gradient(circle at 100% 0,#f5a6230d 0%,#0000 60%);flex-grow:1;padding:4rem 2rem;overflow-y:auto}.content-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;max-width:850px;min-height:100%;margin:0 auto;padding:5rem;box-shadow:0 40px 100px -20px #0009}.markdown-render{color:var(--text-primary);font-size:1.05rem;line-height:1.8}.markdown-render h1{letter-spacing:-.04em;color:var(--text-primary);width:100%;margin-top:0;margin-bottom:2.5rem;font-family:Montserrat,sans-serif;font-size:2.75rem;font-weight:800;line-height:1.1;display:block}.markdown-render h2{border-left:4px solid var(--primary);color:var(--text-primary);background:#f5a6231a;border-radius:0 8px 8px 0;margin:3.5rem 0 1.25rem;padding:.5rem 1rem;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:700}.markdown-render h3{color:var(--text-primary);border-bottom:1px solid var(--glass-border);margin:2rem 0 1rem;padding-bottom:.25rem;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700}.markdown-render p{color:var(--text-secondary);margin-bottom:1.5rem;font-weight:400}.markdown-render ul,.markdown-render ol{color:var(--text-secondary);margin-bottom:1.5rem;padding-left:1.5rem}.markdown-render li{margin-bottom:.75rem}.markdown-render blockquote{border-left:3px solid var(--primary);color:var(--text-primary);background:#ffffff08;border-radius:8px;margin:2.5rem 0;padding:1rem 1.5rem;font-style:italic}.markdown-render strong{color:var(--text-primary);font-weight:700}.markdown-render hr{border:0;border-top:1px solid var(--glass-border);margin:3.5rem 0}.quick-stats{border-top:1px solid var(--glass-border);gap:1rem;margin-top:4rem;padding-top:2rem;display:flex}.stat-pill{color:var(--text-secondary);background:#ffffff0d;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;display:flex}@media (width<=1024px){.app-container{flex-direction:column;overflow-y:auto}.sidebar{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;height:auto;padding:1.5rem}.sidebar-header{margin-bottom:1rem}.avatar-placeholder{width:50px;height:50px;font-size:1rem}.nav-links{flex-flow:wrap;justify-content:center}.nav-item{padding:.5rem .75rem}.main-content{padding:1rem;overflow-y:visible}.content-card{border:none;border-radius:0;padding:2.5rem 1.5rem}.markdown-render h1{margin-bottom:1.5rem;font-size:2rem}.markdown-render h2{padding:.4rem .75rem;font-size:1.3rem}}