*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0d1117;color:#e6edf3;line-height:1.6}a{color:#58a6ff;text-decoration:none}a:hover{text-decoration:underline}#hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:none;margin:0;padding:0}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:1;text-align:center;max-width:840px;padding:0 24px}.hero-content h1{font-size:4rem;font-weight:700;letter-spacing:-.02em;padding-right:64px;background:linear-gradient(135deg,#58a6ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.hero-logo{width:70px;height:70px}.tagline{font-size:1.5rem;color:#c9d1d9;margin-bottom:12px}.subtitle{font-size:1.1rem;color:#8b949e;margin-bottom:32px}.hero-actions{display:flex;gap:16px;justify-content:center}.hero-actions .btn{min-width:148px;text-align:center}.btn{display:inline-block;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s}button.btn{background:transparent;border:1px solid #30363d;cursor:pointer;font-family:inherit;line-height:inherit;text-decoration:none}.btn-primary{background:#58a6ff;color:#0d1117}.btn-primary:hover{background:#79b8ff;text-decoration:none}.btn-secondary{border:1px solid #30363d;color:#c9d1d9}.btn-secondary:hover{border-color:#58a6ff;color:#58a6ff;text-decoration:none}section{max-width:1000px;margin:0 auto;padding:80px 24px}section h2{font-size:2rem;font-weight:600;margin-bottom:40px;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-card{background:#161b22;border:1px solid #21262d;border-radius:12px;padding:24px;transition:border-color .2s}.benefit-card:hover{border-color:#30363d}.benefit-card h3{font-size:1.1rem;margin-bottom:8px;color:#e6edf3}.benefit-card p{font-size:.95rem;color:#8b949e;line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.feature h3{font-size:1.1rem;margin-bottom:8px;color:#58a6ff}.feature p{font-size:.95rem;color:#8b949e;line-height:1.5}.privacy-content{text-align:center}.privacy-content p{font-size:1.05rem;color:#8b949e;margin-bottom:12px}footer{border-top:1px solid #21262d;padding:32px 24px}.footer-content{max-width:1000px;margin:0 auto;text-align:center}.footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.copyright{font-size:.85rem;color:#484f58}.footer-featured{margin-bottom:20px;opacity:.7;transition:opacity .2s}.footer-featured:hover{opacity:1}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.graph-card{background:#161b22;border:1px solid #21262d;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s}.graph-card:hover{border-color:#30363d}.graph-card-top{display:flex;align-items:center;justify-content:space-between}.graph-card-title{font-size:1rem;font-weight:600;color:#e6edf3}.graph-card-badge{flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:68px;height:22px;font-size:.7rem;font-weight:700;border-radius:999px;color:#1a1200;background:#f0883e;white-space:nowrap}.graph-card-desc{font-size:.9rem;color:#8b949e;line-height:1.5;flex:1}.graph-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.graph-card-bottom-left{display:flex;align-items:center;gap:10px;min-width:0}.graph-card-like{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;border:1px solid #30363d;background:none;color:#8b949e;font-size:.85rem;line-height:1.5;cursor:pointer;transition:border-color .2s,color .2s}.graph-card-like:hover:not(:disabled){border-color:#8b949e;color:#c9d1d9}.graph-card-like.liked{cursor:default}.graph-card-like-icon{display:inline-flex;width:15px;height:15px}.graph-card-like-icon svg{width:100%;height:100%;display:block}.graph-card-like-count:empty{display:none}.graph-card-meta{font-size:.8rem;color:#484f58}.graph-card-btn{padding:5px 14px;border-radius:6px;border:1px solid #30363d;background:none;color:#58a6ff;font-size:.85rem;line-height:1.5;cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap}.graph-card-btn:hover{border-color:#58a6ff;background:#58a6ff14}.library-mobile-note,.hero-mobile-note{display:none}.library-status{color:#484f58;font-size:.9rem}.page{max-width:720px;margin:0 auto;padding:64px 24px 80px}.page .back{display:inline-block;font-size:.9rem;color:#8b949e;margin-bottom:48px}.page .back:hover{color:#58a6ff;text-decoration:none}.post-nav{display:flex;gap:20px;align-items:center;font-size:.9rem;margin-bottom:48px}.post-nav a{color:#8b949e}.post-nav a:hover{color:#58a6ff;text-decoration:none}.post-footer{margin-top:48px;padding-top:24px;border-top:1px solid #21262d}.post-feedback{font-size:.95rem;color:#8b949e;margin-bottom:16px}.post-feedback a{color:#58a6ff}.post-feedback a:hover{text-decoration:none}.post-footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:.9rem}.post-footer-nav a{color:#8b949e}.post-footer-nav a:hover{color:#58a6ff;text-decoration:none}.post-footer-nav a.post-footer-next{margin-left:auto;color:#58a6ff}.page h1{font-size:2rem;font-weight:700;margin-bottom:8px}.page .lead{font-size:1.05rem;color:#8b949e;margin-bottom:48px}.page .effective{font-size:.9rem;color:#8b949e;margin-bottom:48px}.page h2{font-size:1.1rem;font-weight:600;color:#c9d1d9;margin:36px 0 12px}.page p{color:#8b949e;margin-bottom:12px}.contact-options{display:flex;flex-direction:column;gap:24px}.contact-option{background:#161b22;border:1px solid #21262d;border-radius:10px;padding:24px 28px}.contact-option h2{font-size:1rem;font-weight:600;color:#c9d1d9;margin:0 0 6px}.contact-option p{font-size:.95rem;color:#8b949e;margin-bottom:12px}.contact-option a{font-size:.95rem}.page+footer,body>footer:last-child{border-top:1px solid #21262d;padding:32px 24px;text-align:center}#mini-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0d1117f7;backdrop-filter:blur(8px);border-bottom:1px solid #21262d;opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none}#mini-nav.visible{opacity:1;transform:translateY(0);pointer-events:auto}.mini-nav-inner{max-width:1000px;margin:0 auto;padding:18px 24px;display:flex;gap:40px;justify-content:center}.mini-nav-inner a{color:#c9d1d9;font-size:1rem;font-weight:600;transition:color .2s}.mini-nav-inner a:hover{color:#58a6ff;text-decoration:none}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card{display:flex;flex-direction:column;gap:12px}.video-placeholder{aspect-ratio:16 / 9;background:#161b22;border:1px solid #21262d;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#484f58;font-size:.9rem}.video-embed{aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:1px solid #21262d}.video-embed iframe{width:100%;height:100%;border:0;display:block}.video-caption{font-size:.95rem;color:#8b949e;text-align:center}.latest-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{display:block;background:#161b22;border:1px solid #21262d;border-radius:12px;padding:24px;transition:border-color .2s}.post-card:hover{border-color:#30363d;text-decoration:none}.post-card h3{font-size:1.1rem;margin-bottom:8px;color:#e6edf3}.post-card-meta{font-size:.85rem;color:#8b949e;margin-bottom:10px}.post-card-desc{font-size:.95rem;color:#8b949e;line-height:1.5}.blog-link{text-align:center;margin-top:32px}.post-listing{margin-bottom:32px}.post-listing h2{font-size:1.3rem;margin-bottom:4px}.post-meta{font-size:.9rem;color:#8b949e;margin-bottom:8px}.post-excerpt{color:#8b949e}.post-body{margin-top:32px}.post-body h2{font-size:1.4rem;color:#c9d1d9;margin:32px 0 12px}.post-body h3{font-size:1.15rem;color:#c9d1d9;margin:24px 0 10px}.post-body p{color:#c9d1d9;margin-bottom:16px}.post-body ul,.post-body ol{color:#c9d1d9;margin:0 0 16px 24px}.post-body li{margin-bottom:6px}.post-body img{max-width:100%;height:auto;border-radius:10px;border:1px solid #21262d;margin:16px 0}.post-body code{background:#161b22;padding:2px 6px;border-radius:4px;font-size:.9em}.post-body pre{background:#161b22;border:1px solid #21262d;border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:16px}.post-body blockquote{border-left:3px solid #30363d;padding-left:16px;color:#8b949e;margin:0 0 16px}@media(max-width:1024px){.hero-content h1{font-size:2.5rem;padding-right:0}.tagline{font-size:1.2rem}section{padding:48px 20px}.benefits-grid,.features-grid,.library-grid,.videos-grid,.latest-posts-grid{grid-template-columns:1fr}#mini-nav{display:none}.hero-actions{flex-wrap:wrap;justify-content:center}.hero-actions .btn{min-width:140px}.graph-card-btn{display:none}.library-mobile-note{display:block;text-align:center;color:#8b949e;font-size:.9rem;margin-top:-24px;margin-bottom:32px}.hero-mobile-note{display:block;font-size:.85rem;color:#8b949e;margin-top:16px}.app-link{display:none!important}}