.homepage-container{min-height:100vh;display:flex;justify-content:center;gap:2.5rem;padding-left:1rem;padding-right:1rem}.homepage-left{width:20%;border-right:1px solid #d1d5db;padding-right:1rem}.homepage-middle{width:50%;padding:0 1rem}.homepage-right{min-width:25%;padding-left:1rem;padding-top:.75rem;border-left:1px solid #d1d5db}.tag{background-color:#f3f4f6;padding:.4rem .8rem;border-radius:999px;cursor:pointer;transition:all .2s ease;color:#1f2937}.tag:hover{background-color:#e5e7eb}.tag.active{background-color:#000;color:#fff}.blog-post-card{border-bottom:1px solid #e5e7eb;padding-bottom:1.25rem;margin-bottom:1rem;display:block;transition:opacity .15s ease}.blog-post-card:hover{opacity:.85}html.dark .homepage-left{border-right-color:#3a3a37}html.dark .homepage-right{border-left-color:#3a3a37}html.dark .blog-post-card{border-bottom-color:#3a3a37}html.dark .tag{background-color:#2b2b29;color:#cbd5e1}html.dark .tag:hover{background-color:#3a3a37}html.dark .tag.active{background-color:#e2e8f0;color:#262624}@media screen and (min-width:1024px){.homepage-left{width:20%}.homepage-right{width:25%}.quiz-right{display:none}}@media screen and (min-width:769px) and (max-width:1023px){.homepage-left{display:none}.homepage-middle{width:65%}.homepage-right{width:35%}.homepage-container{gap:1.5rem;padding-left:1rem;padding-right:1rem}}@media screen and (max-width:768px){.homepage-container{flex-direction:column;gap:1rem;padding:1rem;justify-content:flex-start}.homepage-left{display:none}.homepage-middle{width:100%;padding:0}.homepage-right{display:none}}@keyframes noteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.notes-section-card{background:#fff;border:1px solid #ebebeb;border-radius:16px;overflow:hidden;padding:0 0 14px;box-shadow:0 4px 20px rgba(139,70,255,.06);transition:box-shadow .2s ease}.notes-section-card:hover{box-shadow:0 8px 32px rgba(139,70,255,.12)}.notes-section-bar{height:4px;background:linear-gradient(90deg,#8b46ff,#a855f7,#c084fc);flex-shrink:0}.notes-section-header{display:flex;align-items:center;gap:12px;padding:12px 14px 8px}.notes-section-icon-wrap{width:32px;height:32px;border-radius:8px;background:rgba(139,70,255,.1);color:#8b46ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notes-section-title{font-size:.8rem;font-weight:700;color:#111827;margin:0 0 3px;line-height:1.2}.notes-section-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#16a34a;background:rgba(34,197,94,.1);padding:2px 8px;border-radius:999px}.notes-section-desc{font-size:.82rem;color:#6b7280;line-height:1.55;padding:0 14px;margin:0 0 10px}.notes-section-features{list-style:none;padding:0 14px;margin:0 0 12px;display:flex;flex-direction:column;gap:7px}.notes-section-features li{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#374151}.notes-section-features li svg{color:#8b46ff;flex-shrink:0}.notes-section-btn{display:block;width:calc(100% - 28px);margin:0 14px;padding:8px 0;border-radius:999px;background:#8b46ff;color:#fff;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:opacity .15s ease,transform .15s ease;text-align:center}.notes-section-btn:hover{opacity:.88;transform:translateY(-1px)}.notes-section-footnote{font-size:11px;color:#9ca3af;text-align:center;margin:8px 0 0;padding:0 14px}html.dark .notes-section-card{background:#2b2b29!important;border-color:#3a3a37!important;box-shadow:0 4px 20px rgba(0,0,0,.3)!important}html.dark .notes-section-card:hover{box-shadow:0 8px 32px rgba(139,70,255,.15)!important}html.dark .notes-section-icon-wrap{background:rgba(139,70,255,.15)!important}html.dark .notes-section-title{color:#e2e8f0!important}html.dark .notes-section-desc{color:#94a3b8!important}html.dark .notes-section-features li{color:#cbd5e1!important}html.dark .notes-section-footnote{color:#64748b!important}