@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--bg-color:#0b0f19;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#38bdf8;--card-bg:#1e293b66;--card-border:#ffffff1a;--card-hover:#fff3;--glass-blur:blur(16px)}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-geist-sans),Arial,Helvetica,sans-serif;margin:0;padding:0;line-height:1.6}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:40px 24px}.nav{border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:1000;background:#0b0f19d9;justify-content:space-between;align-items:center;margin-top:-20px;margin-bottom:40px;padding:20px 0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.nav.hidden{transform:translateY(-120%)}.nav .nav-links{gap:32px;display:flex}.nav .nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.nav .nav-links a:hover{color:var(--text-primary)}.nav .desktop-only{display:flex}.nav .hamburger{cursor:pointer;z-index:100;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;display:none}.nav .hamburger .bar{background-color:var(--text-primary);width:24px;height:2px;transition:transform .3s,opacity .3s}.nav .hamburger .bar.open:first-child{transform:translateY(8px)rotate(45deg)}.nav .hamburger .bar.open:nth-child(2){opacity:0}.nav .hamburger .bar.open:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav .mobile-menu{border:1px solid var(--card-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);opacity:0;pointer-events:none;z-index:99;text-align:right;background:#0f172af2;border-radius:16px;flex-direction:column;gap:20px;min-width:200px;margin-top:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:100%;right:0;transform:translateY(-10px);box-shadow:0 20px 40px #00000080}.nav .mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav .mobile-menu a{color:var(--text-secondary);font-size:1.1rem;font-weight:500;transition:color .2s}.nav .mobile-menu a:hover{color:var(--text-primary)}.hero{align-items:center;gap:60px;margin-bottom:100px;display:flex}.hero .hero-content{flex:1}.hero .hero-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.05}.hero .hero-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:1.25rem}.hero .hero-visual{background:var(--card-bg);border:1px solid var(--card-border);height:400px;color:var(--text-secondary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:24px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.hero .hero-visual:before{content:"";background:radial-gradient(circle,#38bdf826 0%,#0000 50%);width:200%;height:200%;animation:15s linear infinite pulseRotate;position:absolute;top:-50%;left:-50%}@keyframes pulseRotate{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.primary-btn,.secondary-btn{cursor:pointer;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.primary-btn{background-color:var(--text-primary);color:#000;border:none;margin-right:16px;box-shadow:0 4px 14px #ffffff1a}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.secondary-btn{color:var(--text-primary);border:1px solid var(--card-border);background-color:#0000}.secondary-btn:hover{border-color:var(--card-hover);background-color:#ffffff0d}.section-title{letter-spacing:-.02em;margin-bottom:40px;font-size:2.25rem;font-weight:700}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:24px;margin-bottom:100px;display:grid}.bento-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:24px;flex-direction:column;justify-content:space-between;padding:32px;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05}.bento-card:hover{border-color:var(--card-hover);transform:translateY(-6px);box-shadow:0 20px 40px -10px #00000080,inset 0 0 0 1px #ffffff0d}.bento-card.hero-card{background:linear-gradient(145deg,var(--card-bg)0%,#0f172acc 100%);grid-area:span 2/span 4}.bento-card.large{background:linear-gradient(145deg,var(--card-bg)0%,#0f172acc 100%);grid-area:span 2/span 2}.bento-card.wide{grid-column:span 2}.bento-card h3{letter-spacing:-.01em;margin:0 0 12px;font-size:1.5rem;font-weight:600}.bento-card p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}.bento-card .tech-stack{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.bento-card .tech-stack .tech-tag{color:var(--text-secondary);font-size:.75rem;font-weight:500;font-family:var(--font-geist-mono),monospace;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:6px 12px}.bento-card .card-actions{gap:16px;margin-top:24px;display:flex}.bento-card .card-actions .card-link{color:var(--text-primary);align-items:center;gap:4px;font-size:.9rem;font-weight:500;display:flex;position:relative}.bento-card .card-actions .card-link:after{content:"";background:var(--accent-color);width:0;height:1px;transition:width .2s;position:absolute;bottom:-2px;left:0}.bento-card .card-actions .card-link:hover{color:var(--accent-color)}.bento-card .card-actions .card-link:hover:after{width:100%}.timeline{max-width:800px;padding-left:40px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--card-border),transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{margin-bottom:48px;position:relative}.timeline-item:before{content:"";background:var(--bg-color);border:2px solid var(--accent-color);border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-46px;box-shadow:0 0 10px #38bdf866}.timeline-item .timeline-date{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.timeline-item .timeline-title{letter-spacing:-.01em;margin:0 0 8px;font-size:1.5rem;font-weight:600}.timeline-item .timeline-company{color:var(--accent-color);margin-bottom:16px;font-size:1.1rem;font-weight:500}.timeline-item .timeline-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.footer{text-align:center;border-top:1px solid var(--card-border);color:var(--text-secondary);margin-top:80px;padding:60px 0;font-size:.9rem}.under-construction-banner{background-color:var(--card-bg);border:1px solid var(--accent-color);width:100%;min-height:192px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;justify-content:center;align-items:center;gap:32px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 10px 30px #0000004d}.under-construction-banner .banner-img-container{flex-shrink:0}.under-construction-banner h2{color:var(--accent-color);margin:0;font-size:2.5rem;font-weight:800}.under-construction-banner img{border-radius:12px;width:100%;max-width:140px;height:auto}.text-secondary{color:var(--text-secondary)}.nav-brand{letter-spacing:-.5px;font-size:1.4rem;font-weight:800}@media (max-width:1024px){.hero-title{font-size:3.25rem}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:24px}.bento-card.hero-card,.bento-card.large,.bento-card.wide{grid-area:span 1/span 1}}@media (max-width:768px){.hero{text-align:center;flex-direction:column;gap:40px}.hero-subtitle{margin:0 auto 32px}}@media (max-width:600px){.hero-title{font-size:2.5rem}.nav{margin-top:-16px;margin-bottom:24px;padding:16px 0}.nav .desktop-only{display:none}.nav .hamburger{display:flex}.under-construction-banner{text-align:center;flex-direction:column;gap:16px;height:auto;padding:24px}.under-construction-banner h2{font-size:1.25rem;line-height:1.4}.under-construction-banner img{width:100px;height:100px}}