:root{--black: #000000;--white: #ffffff;--sapphire: #0F52BA;--sapphire-dim: rgba(15, 82, 186, .15);--white-muted: rgba(255, 255, 255, .6);--bg-gradient: radial-gradient(circle at top right, var(--sapphire-dim), transparent 50%);--font-mono: "Space Mono", monospace;--font-body: "Inter", sans-serif;--header-h: 80px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.light-theme{--black: #ffffff;--white: #000000;--white-muted: rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--black);color:var(--white);overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .4s ease,color .4s ease}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--sapphire-dim);border-radius:3px}#site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-h);padding:0 3rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--white-border);transition:background .3s ease}.logo{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--sapphire);letter-spacing:-.02em;transition:opacity .2s ease}.logo:hover{opacity:.75}#main-nav{display:flex;align-items:center;gap:2rem}.nav-link{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--white-muted);letter-spacing:.08em;text-transform:uppercase;position:relative;padding:.4rem 0;transition:color .25s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--sapphire);transition:width .3s var(--ease-out)}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link--contact{color:var(--sapphire);border:1px solid var(--sapphire);padding:.4rem 1.2rem;border-radius:2px;transition:all .25s ease}.nav-link--contact:after{display:none}.nav-link--contact:hover,.nav-link--contact.active{background:var(--sapphire);color:var(--white)}#mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:8px;z-index:101}#mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--white);transition:all .3s ease}#mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#mobile-menu-btn.open span:nth-child(2){opacity:0}#mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.theme-btn{background:none;border:none;color:var(--white);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease;margin-left:1rem}.theme-btn:hover{color:var(--sapphire);transform:scale(1.1)}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none}#app{min-height:calc(100vh - var(--header-h));padding-top:var(--header-h)}.page{width:100%;max-width:1200px;margin:0 auto;padding:4rem 3rem 6rem}.page-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sapphire);margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.page-label:before{content:"";width:2rem;height:1px;background:var(--sapphire)}.page-title{font-family:var(--font-body);font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem}.page-subtitle{font-size:1.1rem;color:var(--white-muted);max-width:600px;line-height:1.7;margin-bottom:3rem}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - var(--header-h));padding:0 3rem;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.home:before{content:"";position:absolute;top:var(--y, 50%);left:var(--x, 50%);width:600px;height:600px;background:radial-gradient(circle at center,var(--sapphire-glow) 0%,transparent 60%);transform:translate(-50%,-50%);pointer-events:none;z-index:0;transition:opacity .5s ease;opacity:0}.home:hover:before{opacity:.6}.home__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;z-index:1;transform:perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .1s ease-out}.home__greeting{font-family:var(--font-mono);font-size:.85rem;color:var(--sapphire);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem}.home__name{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;margin-bottom:2rem}.home__name span{color:var(--sapphire)}.home__name-sub{display:block;font-size:clamp(1rem,2vw,1.5rem);font-weight:400;color:var(--white-muted);letter-spacing:0;margin-top:.5rem}.home__bio{font-size:1.15rem;color:var(--white-muted);max-width:560px;line-height:1.8;margin-bottom:3rem}.home__tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;justify-content:center}.home__tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sapphire);border:1px solid var(--sapphire-dim);padding:.5rem 1rem;border-radius:2px;background:var(--sapphire-glow);transition:all .3s ease}.home__tag:hover{background:var(--sapphire);color:var(--white);border-color:var(--sapphire)}.home__scroll-hint{position:absolute;bottom:3rem;left:3rem;font-family:var(--font-mono);font-size:.65rem;color:var(--white-muted);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;animation:pulse-down 2s ease-in-out infinite}.home__scroll-hint:before{content:"";width:1px;height:2rem;background:linear-gradient(to bottom,var(--sapphire),transparent);animation:scroll-line 2s ease-in-out infinite}@keyframes pulse-down{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@keyframes scroll-line{0%,to{height:1.5rem}50%{height:2.5rem}}.home__about{padding:6rem 3rem;max-width:1200px;margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text p{font-size:1.05rem;color:var(--white-muted);line-height:1.8;margin-bottom:1.5rem}.about-text p strong{color:var(--white)}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.stat-card{border:1px solid var(--white-border);padding:1.5rem;border-radius:2px;background:var(--white-subtle);transition:border-color .3s ease}.stat-card:hover{border-color:var(--sapphire)}.stat-card__number{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--sapphire);margin-bottom:.5rem}.stat-card__label{font-size:.8rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:.1em}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.social-card{border:1px solid var(--white-border);padding:1.5rem;border-radius:2px;display:flex;align-items:center;gap:1rem;transition:all .3s ease;background:transparent;cursor:default}.social-card--active{cursor:pointer;border-color:var(--sapphire-dim);background:var(--sapphire-glow)}.social-card--active:hover{border-color:var(--sapphire);background:#0f52ba33;transform:translateY(-2px)}.social-card--inactive{opacity:.35}.social-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;border-radius:2px;flex-shrink:0}.social-card--active .social-card__icon{background:var(--sapphire);color:var(--white)}.social-card--inactive .social-card__icon{background:var(--white-subtle);color:var(--white-muted)}.social-card__info{flex:1;min-width:0}.social-card__name{font-weight:600;font-size:.95rem;margin-bottom:.15rem}.social-card__handle{font-family:var(--font-mono);font-size:.7rem;color:var(--white-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-card__status{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;border-radius:2px;flex-shrink:0}.social-card--active .social-card__status{color:var(--sapphire);border:1px solid var(--sapphire-dim)}.social-card--inactive .social-card__status{color:var(--white-muted);border:1px solid var(--white-border)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.project-card{border:1px solid var(--sapphire-dim);padding:2rem;border-radius:4px;background:#0f52ba0d;transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{border-color:var(--sapphire);transform:translateY(-3px);background:#0f52ba14;box-shadow:0 10px 30px #0f52ba1a}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-card__idx{font-family:var(--font-mono);font-size:.7rem;color:var(--sapphire)}.project-card__category{font-family:var(--font-mono);font-size:.65rem;color:var(--sapphire);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.project-card__title{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem;color:var(--white)}.project-card__content{display:flex;flex-direction:column;gap:.75rem}.project-card__detail{font-size:.9rem;line-height:1.6;color:var(--white-muted)}.project-card__detail strong{color:var(--white);font-weight:600}.project-card__desc{font-size:.9rem;color:var(--white-muted);line-height:1.7;flex:1;margin-bottom:1.5rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card__tag{font-family:var(--font-mono);font-size:.65rem;color:var(--sapphire);border:1px solid var(--sapphire-dim);padding:.25rem .6rem;border-radius:2px;letter-spacing:.05em}.projects-placeholder{grid-column:1 / -1;text-align:center;padding:6rem 2rem;border:1px dashed var(--white-border);border-radius:2px}.projects-placeholder__icon{font-size:3rem;margin-bottom:1.5rem;opacity:.3}.projects-placeholder__text{font-family:var(--font-mono);font-size:.85rem;color:var(--white-muted);letter-spacing:.05em}.builder-hero{text-align:center;margin-bottom:4rem}.builder-hero__title{font-size:clamp(2rem,5vw,4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:1rem}.builder-hero__title span{color:var(--sapphire)}.builder-hero__sub{font-size:1.05rem;color:var(--white-muted);max-width:500px;margin:0 auto}.builder-timeline{position:relative;padding-left:3rem}.builder-timeline:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:linear-gradient(to bottom,var(--sapphire),var(--white-border),transparent)}.venture-card{position:relative;border:1px solid var(--white-border);padding:2rem;margin-bottom:1.5rem;border-radius:2px;background:var(--white-subtle);transition:all .3s ease}.venture-card:hover{border-color:var(--sapphire)}.venture-card:before{content:"";position:absolute;left:-3rem;top:2rem;width:9px;height:9px;border-radius:50%;background:var(--sapphire);box-shadow:0 0 0 3px var(--sapphire-glow);transform:translate(-4px)}.venture-card__status{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:.2rem .6rem;border-radius:2px;display:inline-block;margin-bottom:.75rem}.venture-card__status--learned{color:var(--white-muted);border:1px solid var(--white-border)}.venture-card__status--paused{color:#ff9800;border:1px solid rgba(255,152,0,.3)}.venture-card__status--active{color:#4caf50;border:1px solid rgba(76,175,80,.3);background:#4caf501a}.venture-card__status--building{color:#4caf50;border:1px solid rgba(76,175,80,.3)}.venture-card__name{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.venture-card__name a{color:var(--sapphire);text-decoration:underline;text-underline-offset:3px}.venture-card__name a:hover{opacity:.75}.venture-card__desc{font-size:.9rem;color:var(--white-muted);line-height:1.7}.venture-card__lesson{margin-top:1rem;font-family:var(--font-mono);font-size:.75rem;color:var(--sapphire);padding:.75rem 1rem;background:var(--sapphire-glow);border-left:2px solid var(--sapphire)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.skill-card{border:1px solid var(--white-border);padding:2rem;border-radius:2px;background:var(--white-subtle);transition:all .3s ease;display:block;position:relative}.skill-card:hover{border-color:var(--sapphire)}.skill-card--clickable{cursor:pointer;text-decoration:none;color:var(--white)}.skill-card--clickable:hover{transform:translateY(-3px);background:var(--sapphire-glow)}.skill-card__arrow{position:absolute;top:2rem;right:2rem;font-family:var(--font-mono);font-size:1.2rem;color:var(--sapphire);opacity:0;transform:translate(-8px);transition:all .3s var(--ease-out)}.skill-card--clickable:hover .skill-card__arrow{opacity:1;transform:translate(0)}.skill-card__icon{font-family:var(--font-mono);font-size:1.5rem;margin-bottom:1rem;color:var(--sapphire)}.skill-card__title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.skill-card__desc{font-size:.85rem;color:var(--white-muted);line-height:1.7;margin-bottom:1rem}.skill-card__resources{display:flex;flex-wrap:wrap;gap:.4rem}.skill-card__resource{font-family:var(--font-mono);font-size:.6rem;color:var(--white-muted);border:1px solid var(--white-border);padding:.2rem .5rem;border-radius:2px;letter-spacing:.05em}.taste-duo{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.taste-big-card{border:1px solid var(--white-border);border-radius:2px;padding:3rem;background:var(--white-subtle);display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;text-decoration:none;color:var(--white);transition:all .4s var(--ease-out);position:relative;overflow:hidden}.taste-big-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--sapphire);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}.taste-big-card:hover{border-color:var(--sapphire);transform:translateY(-4px);background:var(--sapphire-glow)}.taste-big-card:hover:before{transform:scaleX(1)}.taste-big-card__icon{font-size:3rem}.taste-big-card__content{flex:1}.taste-big-card__title{font-size:1.8rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.taste-big-card__desc{font-size:.9rem;color:var(--white-muted);line-height:1.7;margin-bottom:1.5rem}.taste-big-card__cta{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--sapphire);letter-spacing:.05em}.taste-big-card__arrow{transition:transform .3s ease}.taste-big-card:hover .taste-big-card__arrow{transform:translate(3px,-3px)}.back-link{display:inline-block;font-family:var(--font-mono);font-size:.8rem;color:var(--sapphire);letter-spacing:.05em;margin-bottom:2.5rem;transition:opacity .2s ease}.back-link:hover{opacity:.7}.polymath-detail__header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--white-border)}.polymath-detail__icon{font-family:var(--font-mono);font-size:2.5rem;color:var(--sapphire);margin-bottom:1rem}.polymath-detail__section{margin-bottom:3rem}.polymath-detail__section-title{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sapphire);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--white-border)}.polymath-detail__notes{font-size:1.05rem;color:var(--white-muted);line-height:1.8;max-width:700px}.resource-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.resource-link{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border:1px solid var(--white-border);border-radius:2px;background:var(--white-subtle);color:var(--white);text-decoration:none;transition:all .3s ease}.resource-link:hover{border-color:var(--sapphire);background:var(--sapphire-glow);transform:translateY(-2px)}.resource-link__name{font-weight:500;font-size:.95rem}.resource-link__arrow{font-family:var(--font-mono);color:var(--sapphire);font-size:1rem;transition:transform .3s ease}.resource-link:hover .resource-link__arrow{transform:translate(3px,-3px)}.timeline{position:relative;padding-left:3rem;max-width:800px}.timeline:before{content:"";position:absolute;left:7px;top:0;width:1px;height:100%;background:linear-gradient(to bottom,var(--sapphire),var(--white-border),transparent)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-item:before{content:"";position:absolute;left:-3rem;top:.5rem;width:15px;height:15px;border-radius:50%;background:var(--black);border:2px solid var(--sapphire);transform:translate(-0px);transition:all .3s ease;z-index:1}.timeline-item:hover:before{background:var(--sapphire);box-shadow:0 0 12px var(--sapphire-dim)}.timeline-item__year{font-family:var(--font-mono);font-size:.7rem;color:var(--sapphire);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.timeline-item__title{font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.timeline-item__desc{font-size:.9rem;color:var(--white-muted);line-height:1.7}.timeline-item__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.timeline-item__tag{font-family:var(--font-mono);font-size:.6rem;color:var(--sapphire);border:1px solid var(--sapphire-dim);padding:.15rem .5rem;border-radius:2px;letter-spacing:.05em}.anim-fade{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.anim-fade.visible{opacity:1;transform:translateY(0)}.anim-slide-left{opacity:0;transform:translate(-40px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.anim-slide-left.visible{opacity:1;transform:translate(0)}.anim-slide-right{opacity:0;transform:translate(40px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.anim-slide-right.visible{opacity:1;transform:translate(0)}.anim-scale{opacity:0;transform:scale(.95);transition:opacity .5s var(--ease-out),transform .5s var(--ease-spring)}.anim-scale.visible{opacity:1;transform:scale(1)}.stagger>*{transition-delay:calc(var(--i, 0) * 80ms)}#site-footer{border-top:1px solid var(--white-border);padding:2rem 3rem}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-left,.footer-right{font-family:var(--font-mono);font-size:.7rem;color:var(--white-muted);letter-spacing:.05em}@media(max-width:768px){:root{--header-h: 60px}#site-header{padding:0 1.5rem}#main-nav{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#000000f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 3rem;gap:1.5rem;transition:right .4s var(--ease-out);border-left:1px solid var(--white-border)}#main-nav.open{right:0}.nav-link{font-size:1rem}.nav-link--contact{margin-top:1rem}#mobile-menu-btn{display:flex}.home{flex-direction:column;justify-content:center;text-align:center;padding:0 1.5rem;gap:3rem}.home__content{margin-top:4rem;transform:none!important}.home:before{display:none}.home__scroll-hint{display:none}.page{padding:3rem 1.5rem 4rem}.home__about{padding:4rem 1.5rem}.about-grid{grid-template-columns:1fr;gap:2rem}.builder-timeline{padding-left:2rem}.venture-card:before{left:-2rem}.timeline{padding-left:2rem}.timeline-item:before{left:-2rem}.taste-duo,.resource-links{grid-template-columns:1fr}#site-footer{padding:1.5rem}.footer-inner{flex-direction:column;gap:.5rem;text-align:center}}@media(max-width:480px){.page-title{font-size:2rem}.contact-grid,.projects-grid,.skills-grid{grid-template-columns:1fr}}