@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;min-width:320px;min-height:100vh;margin:0}#root{width:100%}a{color:inherit;text-decoration:none}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.header{z-index:100;-webkit-backdrop-filter:blur(16px);background-color:#00000080;justify-content:space-between;align-items:flex-start;width:100%;padding:1.75rem 3rem 3.5rem;display:flex;position:fixed;top:0;left:0;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.nav-logo a{letter-spacing:.02em;color:#fff;font-size:1.1rem;font-weight:700}.nav-links{align-items:center;gap:1.75rem;display:flex}.nav-btn{letter-spacing:.06em;color:#6b7280;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-btn:hover{color:#fff}.mobile-only-link{display:none}.fade-in-section{opacity:0;filter:blur(12px);will-change:opacity, filter, transform;transition:opacity .9s,filter .9s,transform .9s;transform:translateY(16px)}.fade-in-section.is-visible{opacity:1;filter:blur();transform:translateY(0)}.main-content{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;min-height:100vh;margin:0 auto;padding:6rem 2rem 0;display:flex}.hero-avatar{object-fit:cover;border:2px solid #ffffff1f;border-radius:50%;width:96px;height:96px;margin:0 auto 1.5rem;display:block;box-shadow:0 0 0 6px #ffffff0a}.hero-title{letter-spacing:-.04em;color:#fff;margin-bottom:1.5rem;font-size:clamp(3.5rem,9vw,7rem);font-weight:800;line-height:1.05}.hero-subtitle{color:#9ca3af;max-width:600px;margin-bottom:2.5rem;font-size:1.25rem;font-weight:400;line-height:1.6}.hero-subtitle a{color:#9ca3af;text-underline-offset:3px;text-decoration:underline;transition:color .2s}.hero-subtitle a:hover{color:#fff}.hero-cta{color:#fff;cursor:pointer;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;border-radius:999px;padding:.85rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.hero-cta:hover{background:linear-gradient(135deg,#fff2,#ffffff10);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 8px 24px #00000080}.section-block{width:100%;max-width:780px;margin:0 auto 7rem;padding:0 2.5rem}.section-title{color:#fff;letter-spacing:-.02em;margin-bottom:3rem;font-size:1.6rem;font-weight:700}.timeline-vertical{width:100%;max-width:780px;margin:0 auto 7rem;padding:0 2.5rem}.timeline-wrapper{border-left:1.5px solid #ffffff1a;margin-left:.5rem;position:relative}.timeline-content{padding-bottom:3rem;padding-left:2rem;position:relative}.timeline-content:before{content:"";z-index:2;background-color:#3b82f6;border-radius:50%;width:9px;height:9px;position:absolute;top:.3rem;left:-5px}.timeline-links{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.timeline-link{font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .2s}.timeline-link:hover{opacity:.7}.github-link{color:#60a5fa}.demo-link{color:#10b981;align-items:center;gap:.35rem;display:inline-flex}.demo-link:after{content:"";background-color:#10b981;border-radius:50%;width:5px;height:5px;animation:2s infinite pulse-green}@keyframes pulse-green{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 5px #10b98100}to{box-shadow:0 0 #10b98100}}.timeline-separator{color:#374151;font-size:.75rem}.timeline-title-container{margin-bottom:.6rem}.timeline-title{color:#fff;letter-spacing:-.01em;margin-bottom:.15rem;font-size:1.05rem;font-weight:700}.timeline-date{color:#4b5563;font-size:.78rem;font-weight:500}.timeline-desc{color:#6b7280;font-size:.9rem;line-height:1.65}.icon-list-wrapper{flex-direction:column;align-items:center;width:100%;max-width:1400px;margin:0 auto 7rem;padding:0 3rem;display:flex}.tools-title{text-align:center;width:100%;margin-bottom:2.5rem}.tools-grid{flex-direction:column;gap:.65rem;width:100%;display:flex}.tool-row{grid-template-columns:repeat(5,1fr);gap:.65rem;width:100%;display:grid}.tool-card{cursor:pointer;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;text-decoration:none;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative}.tool-card:hover{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 24px #0000004d}.tool-external-link{color:#374151;opacity:0;transition:opacity .2s;position:absolute;top:.75rem;right:.75rem}.tool-card:hover .tool-external-link{opacity:1}.tool-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.7rem;display:flex}.tool-img{object-fit:contain;width:100%;height:100%}.tool-info{flex-direction:column;gap:.15rem;display:flex}.tool-name{color:#e5e7eb;letter-spacing:-.01em;font-size:.95rem;font-weight:600}.tool-type{color:#4b5563;font-size:.75rem}.youtube-section{flex-direction:column;align-items:center;width:100%;margin:0 auto 7rem;display:flex;position:relative;overflow:hidden}.youtube-title-container{justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:3rem;padding:0 1.5rem;display:flex}.youtube-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:700}.youtube-icon-red{color:red;align-items:center;display:flex}.youtube-icon-red svg{fill:red;width:28px;height:28px}.comments-ticker-wrapper{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%)}.comments-ticker{gap:1.5rem;width:max-content;padding:1rem 0;animation:50s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.comment-card{cursor:pointer;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;flex:0 0 380px;gap:1.25rem;min-height:280px;padding:2rem;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:relative}.comment-card:hover{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-color:#ffffff26;box-shadow:0 12px 24px #0000004d}.comment-external-link{color:#374151;opacity:0;transition:opacity .2s;position:absolute;top:1.25rem;right:1.25rem}.comment-card:hover .comment-external-link{opacity:1}.comment-header{align-items:center;gap:1rem;display:flex}.comment-avatar{background:#1f2937;border-radius:50%;flex-shrink:0;width:56px;height:56px}.comment-meta{flex-direction:column;gap:.25rem;display:flex}.comment-author{color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.comment-date{color:#6b7280;font-size:.875rem}.comment-text{color:#9ca3af;-webkit-line-clamp:7;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.65;display:-webkit-box;overflow:hidden}.comment-replies{border-top:1px solid #ffffff0d;flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.reply-card{opacity:.75;flex-direction:column;gap:.5rem;padding-left:.5rem;display:flex}.reply-header{align-items:center;gap:.5rem;display:flex}.reply-avatar{background:#1f2937;border-radius:50%;flex-shrink:0;width:28px;height:28px}.reply-meta{flex-direction:column;display:flex}.reply-author{color:#d1d5db;font-size:.78rem;font-weight:600}.reply-date{color:#4b5563;font-size:.68rem}.reply-text{color:#9ca3af;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.footer{width:100%;max-width:1400px;margin:0 auto;padding:4rem 4rem 3rem}.footer-top{justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:4rem;display:flex}.footer-quote-container{flex-direction:column;gap:.75rem;max-width:360px;display:flex}.footer-quote{color:#e5e7eb;font-size:1.2rem;font-weight:500;line-height:1.5}.footer-author{color:#4b5563;font-size:.85rem}.footer-contact{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex}.footer-contact a{color:#6b7280;font-size:.875rem;text-decoration:none;transition:color .2s}.footer-contact a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.footer-copy{color:#374151;font-size:.75rem}.footer-socials{gap:1.25rem;display:flex}.social-link{color:#374151;justify-content:center;align-items:center;text-decoration:none;transition:color .2s;display:flex}.social-link:hover{color:#9ca3af}@media (width>=769px){.hero-title{font-size:clamp(5rem,9vw,7.5rem)}}@media (width<=768px){.nav-links{display:none}.mobile-only-link{display:flex}.header{padding:1.25rem 1.25rem 2.5rem}.hero-section{min-height:100svh;padding:5rem 1.25rem 0}.hero-avatar{width:80px;height:80px}.hero-title{margin-bottom:1rem;font-size:clamp(2.8rem,11vw,4rem)}.hero-subtitle{margin-bottom:2rem;font-size:1.05rem}.section-title{margin-bottom:2rem;font-size:1.4rem}.timeline-vertical{margin-bottom:5rem;padding:0 1.25rem}.timeline-title{font-size:1rem}.timeline-desc{font-size:.875rem}.icon-list-wrapper{max-width:100%;margin-bottom:5rem;padding:0 1.25rem}.tool-row{grid-template-columns:1fr;gap:.4rem}.tool-card{padding:.9rem 1rem}.tool-icon{width:32px;height:32px}.youtube-section{margin-bottom:5rem}.youtube-title-container{margin-bottom:2rem;padding:0 1.25rem}.youtube-title{font-size:1.4rem}.comment-card{border-radius:16px;flex:0 0 80vw;min-height:200px;padding:1.25rem}.comments-ticker-wrapper{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.icon-list-wrapper{max-width:100%;padding:0 1.25rem}.footer{padding:3rem 1.25rem 2rem}.footer-top{flex-direction:column;align-items:flex-start;gap:2.5rem;padding-bottom:3rem}.footer-contact{flex-direction:row;align-items:flex-start;gap:1.5rem}.footer-quote{font-size:1.05rem}}@media (width<=480px){.hero-avatar{width:72px;height:72px;margin-bottom:1.5rem}.hero-title{font-size:clamp(2rem,11vw,3rem)}.hero-subtitle{font-size:.9rem;line-height:1.65}.comment-card{flex:0 0 88vw;min-height:140px;padding:1.25rem}.comment-avatar{width:34px;height:34px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1.25rem}}@media (width>=769px) and (width<=1100px){.tool-row{grid-template-columns:repeat(3,1fr)}.icon-list-wrapper{padding:0 2rem}}