@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1f160ec2cb9962ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ad8a7e2c3c2c120b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cde148027b808b99-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e61ae719f7cc4155-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0ea4f4df910e6120-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/739c2d8941231bb4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/1f160ec2cb9962ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ad8a7e2c3c2c120b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/cde148027b808b99-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e61ae719f7cc4155-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/0ea4f4df910e6120-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/739c2d8941231bb4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1f160ec2cb9962ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ad8a7e2c3c2c120b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/cde148027b808b99-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e61ae719f7cc4155-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0ea4f4df910e6120-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Roboto Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/739c2d8941231bb4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto Mono Fallback;src:local("Arial");ascent-override:77.84%;descent-override:20.13%;line-gap-override:0.00%;size-adjust:134.61%}.__className_d27816{font-family:Roboto Mono,Roboto Mono Fallback;font-style:normal}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Roboto Mono,monospace;background:#0a192f;color:#8892b0;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}:root{--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#64ffda;--green-tint:rgba(100,255,218,0.1)}.navbar{position:fixed;top:0;width:100%;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #60a5fa;z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo a{font-size:1.5rem;font-weight:700;color:#60A5FA;text-decoration:none;transition:all .3s ease}.nav-logo a:hover{text-shadow:0 0 10px rgba(96,165,250,.6)}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{color:#e0e0e0;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{color:#60A5FA;text-shadow:0 0 8px rgba(96,165,250,.4)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#60A5FA;transition:width .3s ease}.nav-link:hover:after{width:100%}.resume-btn{background:#60A5FA;color:#000000!important;padding:.5rem 1rem;border-radius:6px;font-weight:700;transition:all .3s ease}.resume-btn:hover{background:#00e676;color:#000000!important;box-shadow:0 0 15px rgba(96,165,250,.6);transform:translateY(-2px)}.nav-toggle,.resume-btn:after{display:none}.nav-toggle{flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:#60A5FA;margin:3px 0;transition:.3s;border-radius:2px}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background:radial-gradient(circle at center,rgba(0,204,122,.1) 0,transparent 70%);padding-top:52px;padding-bottom:4rem}.hero-container{max-width:900px;margin:0 auto;padding:0 2rem;width:100%}.typewriter{font-size:clamp(3rem,8vw,6rem);font-weight:700;color:#00e676;margin-bottom:1rem;overflow:hidden;border-right:3px solid #00e676;white-space:nowrap;animation:typing 1.5s steps(20) .5s forwards,blink 1s 2.5s infinite;width:0;text-shadow:0 0 10px rgba(96,165,250,.85)}.typewriter .glitch{background:linear-gradient(135deg,#60A5FA,#008855);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 17px rgba(96,165,250,.42)}.typewriter-subtitle{font-size:clamp(1.4rem,3.5vw,2.2rem);color:#80ffbf;margin-bottom:1.5rem;margin-top:1.5rem;overflow:hidden;border-right:3px solid #00e676;white-space:nowrap;animation:typingSubtitle 1.5s steps(25) 3s forwards,blink 1s 5s infinite;width:0;font-weight:600;letter-spacing:.4px}.hero-value-proposition{font-size:clamp(1rem,2.2vw,1.25rem);color:#cccccc;max-width:700px;margin:1.5rem auto 2.5rem;line-height:1.7;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease 4.5s forwards;text-align:center;font-weight:400}.hero-cta-buttons{display:flex;justify-content:center;gap:1.25rem;margin-bottom:2.5rem;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease 5.5s forwards}.cta-primary,.cta-secondary{padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-block;border:2px solid #60a5fa;position:relative;overflow:hidden}.cta-primary{background:transparent;color:#60A5FA}.cta-primary:hover{background:#60A5FA;color:#000000;transform:translateY(-2px) scale(1.02);box-shadow:0 5px 20px rgba(96,165,250,.4)}.cta-secondary{background:transparent;color:#ffffff;border-color:rgba(255,255,255,.3)}.cta-secondary:hover{background:rgba(255,255,255,.1);color:#ffffff;border-color:rgba(255,255,255,.5);transform:translateY(-2px) scale(1.02);box-shadow:0 5px 20px rgba(255,255,255,.1)}.hero-description{font-size:clamp(1rem,2.5vw,1.3rem);color:#f0f0f0;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards;text-align:center}.hero-description:nth-child(3){animation-delay:6s}.hero-description:nth-child(4){animation-delay:7s}.hero-description:nth-child(5){animation-delay:8s}.neon-divider{width:96px;height:2px;background:#60A5FA;margin:1.5rem auto;border-radius:50px;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 10px #60A5FA}.neon-divider:nth-child(2){width:64px;animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes typingSubtitle{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:#00e676}51%,to{border-color:transparent}}.glitch{position:relative;color:#ffffff;display:inline-block}section{padding:4rem 2rem;max-width:1200px;margin:auto;opacity:0;transform:translateY(50px);transition:all .8s ease}@media (max-width:768px){.hero{padding-top:52px;padding-bottom:3rem;min-height:auto}.hero-container{padding:0 1.5rem}.typewriter{font-size:clamp(2.5rem,10vw,4rem);margin-bottom:.75rem}.typewriter-subtitle{font-size:clamp(1.2rem,5vw,1.6rem);margin-bottom:1.25rem;margin-top:1rem}.hero-value-proposition{font-size:clamp(.95rem,4vw,1.1rem);margin-bottom:2rem;margin-top:1.25rem;padding:0 1rem}.hero-cta-buttons{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;width:100%}.cta-primary,.cta-secondary{width:100%;max-width:280px;padding:.875rem 1.5rem;font-size:.95rem}.socials{gap:1rem;margin-top:1.5rem}.socials a{padding:.7rem 1.25rem;font-size:.85rem}}@media (max-width:480px){.hero-container{padding:0 1rem}.typewriter{font-size:clamp(2rem,12vw,3.5rem)}.typewriter-subtitle{font-size:clamp(1rem,6vw,1.4rem)}.hero-value-proposition{font-size:clamp(.9rem,5vw,1rem);padding:0 .5rem}.cta-primary,.cta-secondary{max-width:100%;padding:.8rem 1.25rem}}section.visible{opacity:1;transform:translateY(0)}h1,h2,h3{color:#60A5FA;margin-bottom:1rem}h3{margin-top:3rem}h3:first-of-type{margin-top:1rem}ul{list-style-type:none;padding-left:0}li{position:relative;padding:.5rem 0}.socials{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease 6s forwards}.button-link,.socials a{background-color:transparent;color:#00e676;border:2px solid #00e676;padding:.8rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:700;transition:all .3s ease;display:inline-block;font-size:.9rem}.button-link:hover,.socials a:hover{background-color:#00e676;color:#0d0d0d;transform:translateY(-3px);box-shadow:0 0 20px rgba(96,165,250,.6);border-color:#60A5FA}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;animation:fadeInUp .8s ease 6.5s forwards}.scroll-indicator .scroll-arrow{animation:bounce 2s 6.5s infinite;opacity:.7}.section-indicator{display:flex;justify-content:center;margin-top:.75rem;opacity:.7}.section-indicator .scroll-arrow{animation:bounceY 2s infinite}.scroll-arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #60a5fa;animation:bounce 2s infinite;filter:drop-shadow(0 0 4px rgba(96,165,250,.3))}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-15px)}60%{transform:translateX(-50%) translateY(-8px)}}@keyframes bounceY{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}@keyframes gradientGlow{0%{border-top-color:#00e676;filter:drop-shadow(0 0 4px rgba(0,230,118,.3))}50%{border-top-color:#00ff88;filter:drop-shadow(0 0 6px rgba(0,255,136,.4))}to{border-top-color:#00e676;filter:drop-shadow(0 0 4px rgba(0,230,118,.3))}}.button-link{margin:1rem 0}.image-wrapper{border:2px solid #00e676;border-radius:8px;overflow:hidden;margin:1rem 0;box-shadow:0 4px 15px rgba(0,230,118,.2);transition:all .3s ease}.image-wrapper:hover{transform:scale(1.02);box-shadow:0 8px 25px rgba(0,230,118,.4);border-color:#00ff88}.event-image{width:100%;height:250px;object-fit:cover;display:block}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem;margin:1rem 0}.image-grid-single{max-width:33.33%;margin:1rem auto}.image-grid .image-wrapper{margin:0}footer{text-align:center;padding:4rem 2rem;background:#000000;color:#60A5FA;font-size:1rem;position:relative;overflow:hidden;border-top:2px solid #60a5fa;font-family:Roboto Mono,monospace}.footer-socials{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.footer-social-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;background:transparent;border-radius:8px}.footer-social-icon:hover{transform:scale(1.1) translateY(-2px);filter:drop-shadow(0 0 8px rgba(96,165,250,.6))}.footer-social-icon svg{transition:all .3s ease}.footer-social-icon:hover svg{stroke:#60A5FA;filter:brightness(1.2)}.footer-content{margin-bottom:2rem}.footer-quote{font-size:1.2rem;font-weight:500}.footer-hashtags,.footer-quote{margin-bottom:1rem;color:#60A5FA}.footer-hashtags{font-size:1rem}.footer-location{font-size:1rem;color:#60A5FA;margin-bottom:2rem}.footer-copyright{font-size:.9rem;color:#60A5FA;opacity:.8}.footer-copyright .triangle{color:#60A5FA;font-size:1rem}@media (max-width:768px){.footer-socials{gap:1rem}.footer-social-icon{width:45px;height:45px;font-size:1.3rem}.footer-quote{font-size:1.1rem}}@media (max-width:480px){footer{padding:3rem 1rem}.footer-socials{gap:.8rem}.footer-social-icon{width:40px;height:40px;font-size:1.2rem}}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:rgba(0,0,0,.98);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05);padding:2rem 0;border-top:1px solid #60a5fa}.nav-menu.active{left:0}.nav-menu a{margin:1rem 0;font-size:1.2rem}.resume-btn{margin-top:1rem;text-align:center;display:inline-block;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.nav-toggle{display:flex}.socials{flex-direction:column;align-items:center}.typewriter{font-size:2rem}.image-grid{grid-template-columns:1fr}.image-grid-single{max-width:80%}.event-image{height:200px}.milestone-image{max-height:250px}}@media (max-width:480px){.image-grid-single{max-width:100%}.event-image{height:150px}.milestone-image{max-height:200px}}.projects-section{background:#000000;padding:4rem 2rem;max-width:1000px;margin:auto;opacity:0;transform:translateY(50px);transition:all .8s ease}.projects-section.visible{opacity:1;transform:translateY(0)}.projects-heading{font-size:clamp(2rem,4vw,3rem);color:#60A5FA;text-align:center;margin-bottom:1rem;position:relative}.projects-subtitle{text-align:center;color:#cccccc;font-size:1.1rem;margin-bottom:3rem}.github-link{color:#60A5FA;text-decoration:none;border-bottom:1px solid #60a5fa;transition:all .3s ease}.github-link:hover{color:#60A5FA;text-shadow:0 0 8px rgba(96,165,250,.6);border-bottom-color:#60A5FA}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2.5rem;gap:2.5rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.project-card{background:#111111;border:2px solid #60a5fa;border-radius:16px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.project-content h3{margin-bottom:0}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(96,165,250,.1),transparent);transition:left .5s ease}.project-card:hover:before{left:100%}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(96,165,250,.3);border-color:#60A5FA}.project-title{font-size:1.75rem;font-weight:700;color:#60A5FA;margin-bottom:1.25rem;font-family:Roboto Mono,monospace;line-height:1.3}.project-description{color:#cccccc;margin-bottom:1.75rem;line-height:1.7;font-size:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tech-tag{background:transparent;border:1px solid #60a5fa;color:#60A5FA;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-family:Roboto Mono,monospace;transition:all .3s ease;font-weight:500}.tech-tag:hover{background:#60A5FA;color:#000000}.project-buttons{display:flex;gap:1rem;flex-wrap:wrap}.project-btn{background:transparent;color:#60A5FA;border:2px solid #60a5fa;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;font-family:Roboto Mono,monospace;transition:all .3s ease;font-size:1rem}.project-btn:hover{background:#60A5FA;color:#000000;transform:translateY(-2px);box-shadow:0 5px 15px rgba(96,165,250,.3)}.project-btn.secondary{border-color:#666666;color:#666666}.project-btn.secondary:hover{background:#666666;color:#FFFFFF;box-shadow:0 5px 15px rgba(102,102,102,.3)}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:2rem;max-width:100%}.project-card{padding:2rem}.project-title{font-size:1.5rem}.projects-heading:after{right:-1rem;font-size:1.2rem}.project-details{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin-top .3s ease}.project-details.expanded{max-height:1500px;opacity:1;margin-top:1rem}.project-header{margin-bottom:0}}@media (max-width:480px){.projects-section{padding:2rem 1rem}.project-card{padding:1.5rem}.project-title{font-size:1.375rem}.project-description{font-size:.9375rem}.project-buttons{flex-direction:column}.project-btn{text-align:center;width:100%}}.milestones-section{background:#0a192f;padding:4rem 2rem;max-width:1000px;margin:auto;transition:all .8s ease}.milestones-section,.milestones-section.visible{opacity:1;transform:translateY(0)}.milestones-heading{font-size:clamp(2rem,4vw,3rem);color:#60A5FA;text-align:center;margin-bottom:1rem;position:relative}.milestones-subtitle{color:#888888;text-align:center;font-size:1.1rem;max-width:600px}.milestones-grid,.milestones-subtitle{margin-bottom:3rem;margin-left:auto;margin-right:auto}.milestones-grid{display:flex;flex-direction:column;gap:1.5rem;max-width:800px}.milestone-card{background:#1a1a1a;border:2px solid #60a5fa;border-radius:12px;padding:.25rem .75rem;transition:all .3s ease;position:relative;overflow:hidden}.milestone-image{width:100%;height:300px;object-fit:contain;object-position:center;border-radius:8px;opacity:0;transform:scale(.95);transition:all 1.2s ease;border:1px solid rgba(96,165,250,.3)}.milestone-image.loaded{opacity:1;transform:scale(1)}.milestone-image-container{position:relative;overflow:hidden;border-radius:8px;margin-bottom:1.5rem}@keyframes shimmer{0%{left:-100%}to{left:100%}}.milestone-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(96,165,250,.1),transparent);transition:left .5s ease}.milestone-card:hover:before{left:100%}.milestone-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(96,165,250,.3);border-color:#60A5FA}.milestone-header{margin-bottom:0;margin-top:0;padding:.25rem 0}.milestone-title{font-size:1.3rem;font-weight:700;color:#60A5FA;margin:0}.milestone-date,.milestone-title{font-family:Roboto Mono,monospace}.milestone-date{font-size:.9rem;color:#888888;margin-top:.5rem}.milestone-type{background:rgba(96,165,250,.2);color:#60A5FA;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-family:Roboto Mono,monospace;border:1px solid #60a5fa}.milestone-meta{color:#888888;font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.milestone-meta:before{content:"📍";font-size:1rem}.milestone-description{color:#cccccc;margin-bottom:1.5rem;line-height:1.6}.milestone-achievements{margin-bottom:1.5rem}.milestone-achievements h4{color:#60A5FA;font-size:.9rem;margin-bottom:.5rem;font-family:Roboto Mono,monospace}.milestone-achievements ul{list-style:none;padding:0;margin:0}.milestone-achievements li{color:#cccccc;font-size:.9rem;margin-bottom:.3rem;padding-left:0;position:relative}.milestone-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-badge{background:transparent;border:1px solid #60a5fa;color:#60A5FA;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-family:Roboto Mono,monospace;transition:all .3s ease}.tech-badge:hover{background:#60A5FA;color:#000000}.milestone-link{background:transparent;color:#60A5FA;border:2px solid #60a5fa;padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:700;font-family:Roboto Mono,monospace;transition:all .3s ease;font-size:.9rem;display:inline-block}.milestone-link:hover{background:#60A5FA;color:#000000;transform:translateY(-2px);box-shadow:0 5px 15px rgba(96,165,250,.3)}.accordion-trigger{width:100%;background:transparent;border:none;padding:0;margin:0;cursor:pointer;text-align:left;outline:none;display:block;transition:all .3s ease}.accordion-trigger:focus-visible{outline:2px solid #60A5FA;outline-offset:2px;border-radius:8px}.accordion-trigger:hover .milestone-header{transform:translateX(5px);transition:transform .3s ease}.milestone-type-container{margin-bottom:1rem;display:flex;justify-content:flex-end}.accordion-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .4s ease,margin-top .3s ease;margin-top:0}.accordion-content.active{max-height:1500px;opacity:1;margin-top:1rem}.accordion-inner{padding-top:.5rem}@media (max-width:768px){.milestones-grid{grid-template-columns:1fr;gap:1.5rem}.milestone-card{padding:1.5rem}.milestone-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:480px){.milestones-section{padding:2rem 1rem}.milestone-card{padding:1rem}}.portfolio-container{display:flex;min-height:100vh;max-width:1600px;margin:0 auto;padding:0}.sidebar{position:fixed;top:0;left:0;width:100%;max-width:500px;height:100vh;padding:6rem 3rem;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.sidebar-content{flex:1 1;display:flex;flex-direction:column;gap:3rem}.sidebar-header h1{font-size:3rem;font-weight:700;color:var(--lightest-slate);margin-bottom:.5rem;line-height:1.1}.sidebar-header h2{font-size:1.5rem;font-weight:600;color:var(--lightest-slate);margin-bottom:1rem;line-height:1.2}.sidebar-tagline{font-size:1.125rem;color:var(--slate);line-height:1.6;max-width:350px}.sidebar-nav{display:flex;flex-direction:column;gap:1rem}.sidebar-nav .nav-link{display:flex;align-items:center;gap:1rem;padding:.75rem 0;color:var(--slate);text-decoration:none;text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1em;transition:all .3s ease;position:relative}.sidebar-nav .nav-link:before{content:"";display:block;width:2rem;height:1px;background:var(--slate);transition:all .3s ease}.sidebar-nav .nav-link.active,.sidebar-nav .nav-link:hover{color:var(--lightest-slate)}.sidebar-nav .nav-link.active:before,.sidebar-nav .nav-link:hover:before{width:4rem;background:var(--lightest-slate)}.sidebar-socials{display:flex;gap:1.5rem;padding-bottom:2rem}.social-link{color:var(--slate);transition:all .3s ease}.social-link:hover{color:var(--green);transform:translateY(-3px)}.main-content{margin-left:500px;width:calc(100% - 500px);padding:6rem 6rem 6rem 3rem;min-height:100vh}.content-section{margin-bottom:6rem;opacity:1;scroll-margin-top:4rem}.content-section h2{font-size:1.5rem;font-weight:700;color:var(--lightest-slate);margin-bottom:2rem;text-transform:uppercase;letter-spacing:.05em}.content-section p{font-size:1.125rem;color:var(--slate);line-height:1.7;margin-bottom:1.5rem}.content-section a{color:var(--lightest-slate);text-decoration:none;font-weight:600;transition:color .3s ease;position:relative}.content-section a:hover{color:var(--green)}.content-section strong{font-weight:600;color:var(--light-slate)}.read-more-btn{display:none;background:transparent;border:2px solid var(--green);color:var(--green);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;align-items:center;gap:.5rem;font-size:.95rem}.read-more-btn:hover{background:var(--green-tint);transform:translateY(-2px)}.read-more-btn:active{transform:translateY(0)}.card h3{font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.card h3,.card h3 a{color:var(--lightest-slate);display:inline-flex;align-items:center;gap:.5rem}.card h3 a{text-decoration:none;transition:color .3s ease}.card h3 a:hover{color:var(--green)}.card p{font-size:.95rem;color:var(--slate);line-height:1.7;margin-bottom:1rem}.experience-list{display:flex;flex-direction:column;gap:3rem}.card{background:transparent;padding:1.5rem;border-radius:8px;transition:all .3s ease;cursor:pointer}.card:hover{background:var(--light-navy);box-shadow:0 10px 30px -15px rgba(2,12,27,.7)}.experience-card{display:grid;grid-template-columns:150px 1fr;grid-gap:2rem;gap:2rem}.experience-date{font-size:.875rem;color:var(--slate);text-transform:uppercase;letter-spacing:.05em;padding-top:.25rem}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.experience-actions,.project-actions{display:none;gap:.5rem;flex-shrink:0;align-items:center}.external-link-btn,.mobile-expand-btn{display:none;background:transparent;border:2px solid var(--green);color:var(--green);border-radius:6px;padding:.4rem;cursor:pointer;transition:all .3s ease;flex-shrink:0;min-width:36px;min-height:36px;width:36px;height:36px;align-items:center;justify-content:center}.external-link-btn:hover,.mobile-expand-btn:hover{background:var(--green-tint);transform:scale(1.05)}.external-link-btn:active,.mobile-expand-btn:active{transform:scale(.95)}.experience-content h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.experience-content h3,.experience-content h3 a{color:var(--lightest-slate);display:inline-flex;align-items:center;gap:.5rem}.experience-content h3 a{text-decoration:none;transition:color .3s ease}.experience-content h3 a:hover{color:var(--green)}.external-link{opacity:.6;transition:all .3s ease}.experience-content h3 a:hover .external-link{opacity:1;transform:translate(2px,-2px)}.experience-description{margin-bottom:1rem}.experience-description ul{list-style:none;padding:0;margin:0}.experience-description li{font-size:.95rem;color:var(--slate);line-height:1.7;margin-bottom:.5rem;padding-left:0}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-pill{background:var(--green-tint);color:var(--green);padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.05em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:1200px){.sidebar{max-width:400px;padding:4rem 2rem}.main-content{margin-left:400px;width:calc(100% - 400px);padding:4rem 3rem}}@media (max-width:968px){.portfolio-container{flex-direction:column}.sidebar{position:relative;width:100%;max-width:100%;height:auto;min-height:auto;padding:3rem 2rem}.sidebar-content{gap:2rem}.sidebar-header h1{font-size:2.5rem}.sidebar-header h2{font-size:1.25rem}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:2rem}.main-content{margin-left:0;width:100%;padding:3rem 2rem 120px}.experience-card{grid-template-columns:1fr;gap:.5rem}.experience-date{padding-top:0}.experience-actions,.external-link-btn,.mobile-expand-btn,.project-actions{display:flex}.external-link-btn svg,.mobile-expand-btn svg{width:20px;height:20px;stroke-width:2.5}.experience-details{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin-top .3s ease}.experience-details.expanded{max-height:2000px;opacity:1;margin-top:1rem}.experience-content h3{margin-bottom:0}.read-more-btn{display:inline-flex}.about-expandable{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .4s ease,margin-top .3s ease}.about-expandable.expanded{max-height:1000px;opacity:1;margin-top:0}}@media (max-width:480px){.sidebar{padding:2rem 1.5rem}.sidebar-header h1{font-size:2rem}.sidebar-header h2{font-size:1.125rem}.sidebar-tagline{font-size:1rem}.main-content{padding:2rem 1.5rem}.content-section{margin-bottom:4rem}}