@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-primary:#0a0e1a;--bg-secondary:#0d1117;--bg-card:#111827;--bg-card-hover:#1a2235;--accent:#6366f1;--accent-2:#8b5cf6;--accent-glow:rgba(99,102,241,0.15);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:rgba(99,102,241,0.2);--border-subtle:rgba(255,255,255,0.06);--font-mono:"JetBrains Mono","Fira Code",monospace;--font-sans:"Inter",sans-serif}html{background-color:var(--bg-primary);height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,html{padding:0;margin:0;font-family:var(--font-sans)}body.blur{overflow:hidden}body.blur #content>*{filter:blur(5px) brightness(.7);transition:all .25s cubic-bezier(.645,.045,.355,1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{color:inherit;text-decoration:none}*{box-sizing:border-box}bold{font-weight:700;color:var(--text-primary)}::-moz-selection{background:var(--accent);color:#fff}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}@font-face{font-family:Mandatory Plaything;src:url(/fonts/MandatoryPlaything-nRRd0.eot);src:url(/fonts/MandatoryPlaything-nRRd0.eot?#iefix) format("embedded-opentype"),url(/fonts/MandatoryPlaything-nRRd0.woff2) format("woff2"),url(/fonts/MandatoryPlaything-nRRd0.woff) format("woff"),url(/fonts/MandatoryPlaything-nRRd0.ttf) format("truetype"),url(/fonts/MandatoryPlaything-nRRd0.svg#Mandatory\ Plaything) format("svg")}.container{padding:0 2rem;width:85%;max-width:1300px;margin:0 auto}.full-page{padding-top:100px;color:var(--text-primary);font-family:var(--font-sans)}.main-section{min-height:100vh;display:flex;justify-content:center;align-items:center;grid-gap:4rem;gap:4rem;margin-top:-100px;position:relative}.main-section:before{content:"";position:absolute;top:20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.08) 0,transparent 70%);pointer-events:none}.intro-section{flex:1 1;max-width:560px}.intro-tag{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--accent);background:var(--accent-glow);border:1px solid var(--border);padding:6px 14px;border-radius:100px;margin-bottom:20px;letter-spacing:.05em}.intro-tag:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.intro-text{-webkit-animation:fadeUp .6s cubic-bezier(.25,.46,.45,.94) forwards;animation:fadeUp .6s cubic-bezier(.25,.46,.45,.94) forwards}@-webkit-keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-text h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.15;background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-text .role{font-family:var(--font-mono);font-size:14px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0}.intro-text .tagline{font-size:15px;color:var(--text-secondary);margin:16px 0 0;line-height:1.7;max-width:440px}.CTAs{display:flex;align-items:center;grid-gap:16px;gap:16px;margin-top:32px;flex-wrap:wrap}.download-resume{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;background:var(--accent);color:#fff!important;font-size:14px;font-weight:600;padding:12px 24px;border-radius:8px;transition:all .2s ease;letter-spacing:.02em;box-shadow:0 0 20px rgba(99,102,241,.3)}.download-resume:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:0 0 30px rgba(99,102,241,.5)}.socials{grid-gap:16px;gap:16px}.socials,.socials a{display:flex;align-items:center}.socials a{justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .2s ease;background:var(--bg-card)}.socials a:hover{color:var(--accent);border-color:var(--border);background:var(--accent-glow);transform:translateY(-2px)}.socials svg{height:18px;width:18px}.some-details{display:none}.code-section{flex:1 1;max-width:480px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.4),0 0 0 1px rgba(99,102,241,.1);-webkit-animation:fadeUp .6s cubic-bezier(.25,.46,.45,.94) .2s both;animation:fadeUp .6s cubic-bezier(.25,.46,.45,.94) .2s both}.code-header{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:14px 18px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--border-subtle)}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#febc2e}.code-dot.green{background:#28c840}.code-filename{margin-left:auto;font-size:11px;color:var(--text-muted)}.code-body,.code-filename{font-family:var(--font-mono)}.code-body{padding:20px 24px;font-size:13px;line-height:1.8}.code-line{display:flex;grid-gap:16px;gap:16px}.line-num{color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:16px;text-align:right}.kw{color:#c792ea}.fn{color:#82aaff}.str{color:#c3e88d}.var{color:#f78c6c}.cm{color:var(--text-muted);font-style:italic}.bracket{color:#89ddff}@media (max-width:1100px){.main-section{flex-direction:column;grid-gap:3rem;gap:3rem;padding-top:2rem}.code-section,.intro-section{max-width:100%;width:100%}}@media (max-width:600px){.container{padding:0 1.25rem}.intro-text h1{font-size:1.8rem}.code-body{font-size:11px;padding:16px}}.email-container{width:40px;position:fixed;bottom:0;right:40px;z-index:10}.email-display{display:flex;flex-direction:column;align-items:center}.email-display a{margin:20px auto;padding:10px;font-size:11px;line-height:18px;letter-spacing:.12em;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-family:var(--font-mono);color:var(--text-muted);transition:all .25s ease}.email-display:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background:var(--border-subtle)}.email-display a:hover{color:var(--accent);transform:translateY(-4px)}@media (max-width:768px){.email-container{display:none}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:70px;transition:all .3s ease}.header.scrolled{background:rgba(10,14,26,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 30px rgba(0,0,0,.3)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1300px;width:85%;margin:0 auto;padding:0 2rem}.nav-logo{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text-primary);cursor:pointer;letter-spacing:-.02em}.logo-bracket{color:var(--accent)}.nav-links{display:flex;align-items:center;grid-gap:8px;gap:8px}.nav-links a{font-size:13px;font-weight:500;color:var(--text-secondary);padding:8px 14px;border-radius:6px;transition:all .2s ease;cursor:pointer;letter-spacing:.02em}.nav-links a.nav-active,.nav-links a:hover{color:var(--text-primary);background:var(--accent-glow)}.nav-num{font-family:var(--font-mono);color:var(--accent);font-size:11px;margin-right:4px}.resume-btn{font-family:var(--font-mono)!important;font-size:13px!important;color:var(--accent)!important;border:1px solid var(--accent)!important;padding:8px 18px!important;border-radius:6px!important;margin-left:8px;transition:all .2s ease!important;background:transparent!important}.resume-btn:hover{background:var(--accent-glow)!important;transform:translateY(-1px)}.mobile-header{display:none}.hamburger-button{display:flex;flex-direction:column;justify-content:center;grid-gap:5px;gap:5px;position:fixed;top:20px;right:24px;z-index:200;background:transparent;border:none;cursor:pointer;padding:8px}.hamburger-button span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1);transform-origin:center}.hamburger-button.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-button.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-button.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.side-bar{position:fixed;top:0;right:0;bottom:0;width:min(75vw,360px);background:#0d1117;border-left:1px solid var(--border-subtle);box-shadow:-20px 0 60px rgba(0,0,0,.5);z-index:100;transform:translateX(100%);transition:transform .3s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;justify-content:center}.side-bar-open{transform:translateX(0)}.side-bar nav{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;width:100%;padding:0 32px}.side-bar ol{list-style:none;padding:0;margin:0 0 32px;width:100%;counter-reset:nav-counter}.side-bar ol li{counter-increment:nav-counter;text-align:center;margin-bottom:8px}.side-bar ol li a{display:block;padding:14px 20px;font-size:16px;color:var(--text-secondary);border-radius:8px;transition:all .2s ease;cursor:pointer}.side-bar ol li a:hover{color:var(--text-primary);background:var(--accent-glow)}.mobile-num{font-size:12px;margin-right:8px}.mobile-num,.mobile-resume-btn{font-family:var(--font-mono);color:var(--accent)}.mobile-resume-btn{font-size:14px;border:1px solid var(--accent);padding:14px 40px;border-radius:8px;transition:all .2s ease;display:block;text-align:center}.mobile-resume-btn:hover{background:var(--accent-glow)}@media (max-width:768px){.header{display:none}.mobile-header{display:block}}.about-section{padding:6rem 0 8rem;position:relative}.parallax-outer{z-index:0;position:absolute;pointer-events:none}.parallax-outer p,.parallax-outer svg{color:rgba(99,102,241,.04);z-index:0;font-weight:900;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.about-inner{position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:5rem;gap:5rem;align-items:start}.about-col{display:flex;flex-direction:column}.section-label{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}.section-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--text-primary);margin:0 0 2rem;line-height:1.2}.timeline{display:flex;flex-direction:column;grid-gap:0;gap:0;position:relative;padding-left:20px;border-left:1px solid var(--border-subtle)}.timeline-item{position:relative;padding:0 0 2rem 1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(99,102,241,.5)}.timeline-header{display:flex;align-items:baseline;justify-content:space-between;grid-gap:8px;gap:8px;flex-wrap:wrap}.timeline-role{font-size:15px;font-weight:600;color:var(--text-primary)}.timeline-period{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap}.timeline-company{font-family:var(--font-mono);font-size:12px;color:var(--accent);display:block;margin:2px 0 8px}.timeline-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.timeline-points li{font-size:13px;color:var(--text-secondary);line-height:1.6;padding-left:14px;position:relative}.timeline-points li:before{content:"▸";position:absolute;left:0;color:var(--accent);font-size:10px;top:2px}.about-bio{font-size:14px;color:var(--text-secondary);line-height:1.8;margin:0 0 2rem}.skills-grid{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px}.skill-tag{font-family:var(--font-mono);font-size:12px;color:var(--accent);background:var(--accent-glow);border:1px solid var(--border);padding:6px 14px;border-radius:100px;transition:all .2s ease;cursor:default}.skill-tag:hover{background:rgba(99,102,241,.25);transform:translateY(-1px)}@media (max-width:900px){.about-grid{grid-template-columns:1fr;grid-gap:3rem;gap:3rem}}@media (max-width:465px){.section-title{font-size:1.4rem}}.education-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:20px 24px;margin-top:8px;transition:border-color .2s ease}.education-card:hover{border-color:var(--border)}.edu-degree{font-size:15px;font-weight:600;color:var(--text-primary);margin:4px 0}.edu-school{font-size:12px;color:var(--accent);display:block;margin-bottom:10px}.edu-meta,.edu-school{font-family:var(--font-mono)}.edu-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted)}.edu-gpa{background:var(--accent-glow);border:1px solid var(--border);color:var(--accent);padding:3px 10px;border-radius:100px}.projects-section{padding:6rem 0 8rem}.projects-section .section-label{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}.projects-section .section-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--text-primary);margin:0 0 3rem}.projects-list{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative}.project-card:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(99,102,241,.05),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.project-card:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(99,102,241,.15)}.project-card:hover:before{opacity:1}.project-card-inner{display:flex;align-items:center;grid-gap:3rem;gap:3rem;padding:2.5rem}.project-content{flex:1 1;min-width:0}.project-overline{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.08em;margin:0 0 8px}.project-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 16px;transition:color .2s ease}.project-card:hover .project-title{color:var(--accent)}.project-description{background:rgba(255,255,255,.03);border:1px solid var(--border-subtle);border-radius:8px;padding:20px;margin-bottom:20px}.project-description p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0}.project-tech-list{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;list-style:none;padding:0;margin:0 0 20px}.project-tech-list li{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:var(--accent-glow);border:1px solid var(--border);padding:4px 12px;border-radius:100px}.project-links{display:flex;grid-gap:12px;gap:12px}.project-links a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--bg-card);transition:all .2s ease;font-size:16px}.project-links a:hover{color:var(--accent);border-color:var(--border);background:var(--accent-glow);transform:translateY(-2px)}.project-image{flex-shrink:0}.project-image-wrapper{border-radius:12px;overflow:hidden;border:1px solid var(--border-subtle);background:var(--bg-secondary);box-shadow:0 10px 40px rgba(0,0,0,.3)}.project-image-wrapper img{display:block;border-radius:12px}@media (max-width:768px){.project-card-inner{flex-direction:column;padding:2rem;grid-gap:1.5rem;gap:1.5rem}.project-image{width:100%;display:flex;justify-content:center}}@media (max-width:480px){.project-card-inner{padding:1.5rem}.project-title{font-size:18px}}.footer{border-top:1px solid var(--border-subtle);padding:3rem 0;margin-top:2rem}.footer-inner{flex-direction:column;align-items:center}.footer-inner,.footer-socials{display:flex;grid-gap:16px;gap:16px}.footer-socials a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid var(--border-subtle);color:var(--text-muted);background:var(--bg-card);font-size:16px;transition:all .2s ease}.footer-socials a:hover{color:var(--accent);border-color:var(--border);background:var(--accent-glow);transform:translateY(-2px)}.footer-text{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);margin:0}.footer-text span{color:var(--accent)}.footer-sub{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin:0}.footer-sub a{color:var(--text-muted);transition:color .2s ease}.footer-sub a:hover{color:var(--accent)}