:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#000a12;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}:root{--bg-dark:#020617;--card-bg:#1e293b66;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-border:#ffffff14}body{background-color:var(--bg-dark);color:var(--text-primary);margin:0;overflow-x:hidden}body:before,body:after{content:"";filter:blur(100px);z-index:-1;opacity:.12;pointer-events:none;border-radius:50%;width:40vw;height:40vw;position:fixed}body:before{background:var(--accent-cyan);top:-5%;left:-5%}body:after{background:var(--accent-blue);bottom:-5%;right:-5%}.container{max-width:1000px;margin:0 auto;padding:1.5rem 2rem}.top-nav{justify-content:flex-end;gap:.6rem;margin-bottom:2.5rem;display:flex}.social-link{color:var(--text-secondary);border:1px solid var(--glass-border);background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.social-link:hover{color:var(--text-primary);border-color:var(--accent-cyan);background:#ffffff14;transform:translateY(-2px)}.hero{margin-bottom:3rem}.hero-header{justify-content:center;align-items:center;gap:1.5rem;display:flex}.hero-avatar{border:2px solid var(--glass-border);background:var(--card-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:8px;display:flex;overflow:hidden;box-shadow:0 4px 20px -5px #06b6d433}.hero-avatar img{object-fit:cover;width:100%;height:100%}.hero-text{text-align:left;flex-direction:column;justify-content:center;display:flex}.hero-title{letter-spacing:-.04em;background:linear-gradient(90deg,#fff 40%,#e2e8f0 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #0000001a);-webkit-background-clip:text;margin:0;padding-bottom:.05em;font-size:3.5rem;font-weight:900;line-height:1.1}.hero-subtitle{color:var(--accent-cyan);letter-spacing:.05em;margin-top:.35rem;font-size:1.1rem;font-weight:500}.section-title{text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);align-items:center;gap:1rem;margin-bottom:2rem;font-size:.7rem;font-weight:700;display:flex}.section-title:after{content:"";background:var(--glass-border);flex-grow:1;height:1px}.link-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:start;gap:1.5rem;display:grid}.og-card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:inherit;border-radius:1rem;flex-direction:column;max-width:450px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.og-card:hover{background:#1e293b80;border-color:#06b6d44d;transform:translateY(-5px)}.og-image-container{aspect-ratio:1.91;background:#0f172a;width:100%;overflow:hidden}.og-image{object-fit:cover;opacity:.85;width:100%;height:100%;transition:transform .5s}.og-card:hover .og-image{opacity:1;transform:scale(1.03)}.og-content{padding:1.25rem}.og-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700;line-height:1.3}.og-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.og-cta{color:var(--accent-cyan);align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.footer{border-top:1px solid var(--glass-border);text-align:center;color:var(--text-secondary);margin-top:2.5rem;padding:2.5rem 0;font-size:.8rem}@media (width<=640px){.hero-header{text-align:center;flex-direction:column;gap:1.5rem}.hero-text{text-align:center}.hero-title{font-size:2.5rem}.hero-avatar{width:100px;height:100px;margin-bottom:0}.link-grid{grid-template-columns:1fr;justify-items:center}.og-card{width:100%}}