:root{--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#fff;--bg-secondary:#f3f4f6;--accent-primary:#facc15;--accent-secondary:#9333ea;--text-primary:#000;--text-secondary:#333;--border-width:.1875rem;--border-main:var(--border-width) solid #000;--shadow-main:.375rem .375rem 0px 0px #000;--shadow-hover:.625rem .625rem 0px 0px #000;--transition-fast:.15s ease}:root.dark,body.dark{--bg-primary:#000;--bg-secondary:#111;--accent-primary:#a855f7;--accent-secondary:#facc15;--text-primary:#fff;--text-secondary:#ccc;--border-main:var(--border-width) solid #fff;--shadow-main:.375rem .375rem 0px 0px #fff;--shadow-hover:.625rem .625rem 0px 0px #fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-fast), color var(--transition-fast);line-height:1.4;position:relative;overflow-x:hidden}body:before{content:"";opacity:.04;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}#root{flex-direction:column;min-height:100dvh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:-.03em;font-weight:900;line-height:1}h1{font-size:clamp(3rem,12vw,6rem)}h2{border-bottom:var(--border-main);margin-bottom:2rem;font-size:clamp(2rem,8vw,4rem);display:inline-block}h3{font-size:1.75rem}.header{background:var(--bg-primary);border-bottom:var(--border-main);z-index:100;align-items:center;height:5rem;display:flex;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.header-right{align-items:center;gap:1.5rem;display:flex}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-link{color:var(--text-primary);text-transform:uppercase;transition:var(--transition-fast);cursor:pointer;font-family:inherit;font-weight:800;font-size:inherit;background:0 0;border:2px solid #0000;align-items:center;padding:.5rem;text-decoration:none;display:inline-flex}.nav-link:hover{background:var(--accent-primary);border:2px solid #000}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.hero{background:var(--accent-primary);border-bottom:var(--border-main);padding:4rem 0;position:relative;overflow:hidden}.hero-tag{color:#fff;text-transform:uppercase;border:var(--border-main);background:#000;margin-bottom:2rem;padding:.5rem 1rem;font-weight:800;display:inline-block}.hero-title{margin-bottom:2rem}.hero-description{background:var(--bg-primary);border:var(--border-main);max-width:800px;box-shadow:var(--shadow-main);margin-bottom:3rem;padding:1.5rem;font-size:1.5rem;font-weight:700}.section{padding:6rem 0}.grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:2.5rem;display:grid}.card{background:var(--bg-primary);border:var(--border-main);box-shadow:var(--shadow-main);transition:var(--transition-fast);flex-direction:column;padding:2rem;display:flex}.card:hover{box-shadow:var(--shadow-hover);transform:translate(-.5rem,-.5rem)}.card-category{color:#fff;text-transform:uppercase;background:#000;align-self:flex-start;margin-bottom:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:800;display:inline-block}.card-title{margin-bottom:1rem}.card-footer{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1.5rem;display:flex}.tag{background:var(--accent-primary);color:#000;border:2px solid #000;padding:.25rem .5rem;font-size:.75rem;font-weight:800}.btn{background:var(--bg-primary);color:var(--text-primary);border:var(--border-main);box-shadow:var(--shadow-main);text-transform:uppercase;cursor:pointer;transition:var(--transition-fast);align-items:center;padding:1rem 2rem;font-weight:900;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-primary);box-shadow:var(--shadow-hover);transform:translate(-.25rem,-.25rem)}.btn-primary{background:var(--accent-primary);color:#000}.btn-primary:hover{color:#fff;background:#000}.footer{padding:4rem 0;padding-bottom:calc(4rem + env(safe-area-inset-bottom));color:#fff;text-align:center;border-top:var(--border-main);background:#000}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer .nav-links{justify-content:center;margin-bottom:2rem}.footer-socials{justify-content:center;gap:2rem;margin-top:2.5rem;margin-bottom:2.5rem;display:flex}.footer .nav-link{color:#fff}.footer .nav-link:hover{color:#000;background:var(--accent-primary);border-color:#000}.scroll-to-top{background:var(--accent-primary);border:var(--border-main);cursor:pointer;z-index:1000;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:2rem;font-weight:900;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:.25rem .25rem #000}.scroll-to-top:hover{transform:translate(-.125rem,-.125rem);box-shadow:.375rem .375rem #000}.status-badge{background:var(--bg-primary);border:var(--border-main);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:800;display:inline-flex}.status-dot{background:#22c55e;border:2px solid #000;border-radius:50%;width:.75rem;height:.75rem;animation:2s infinite pulse}.dark .status-dot{border-color:#fff}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 10px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.marquee-container{background:var(--bg-primary);border-top:var(--border-main);border-bottom:var(--border-main);white-space:nowrap;padding:1rem 0;overflow:hidden}.marquee-content{gap:4rem;animation:30s linear infinite marquee;display:flex}.marquee-item{font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:1rem;font-size:1.5rem;font-weight:900;display:flex}.marquee-item:after{content:"•";color:var(--accent-primary)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.resume-section{background:var(--bg-secondary)}.stacked-cards-container{grid-template-columns:1fr;gap:4rem;margin-top:4rem;display:grid;position:relative}@media (width>=1024px){.stacked-cards-container{min-height:700px;display:block}.experience-card{z-index:2;top:0;left:0;transform:rotate(-1.5deg)}.education-card{z-index:1;top:180px;right:0;transform:rotate(1deg)}.section-card{width:85%;max-width:900px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute}.section-card.is-active{z-index:10;box-shadow:var(--shadow-hover);transform:scale(1.02)translate(-1.5rem,-1.5rem)rotate(0)}.section-card:not(.is-active){z-index:1;filter:grayscale(.5)opacity(.7)}}.section-card{background:var(--bg-primary);border:var(--border-main);box-shadow:var(--shadow-main);transition:all var(--transition-fast);text-align:left;width:100%;color:inherit;padding:3rem;font-family:inherit;display:block}.experience-card{background:#cffafe}.dark .experience-card{background:#083344}.education-card{background:#fae8ff}.dark .education-card{background:#4a044e}.card-heading{border-bottom:var(--border-main);margin-bottom:2.5rem;font-size:clamp(2rem,5vw,3rem);display:inline-block}.timeline{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.timeline-item{border-top:var(--border-main);padding-top:1.5rem;position:relative}.timeline-date{font-family:var(--font-mono);margin-bottom:.75rem;font-size:.9rem;font-weight:800;display:block}.sticker{top:var(--top,auto);left:var(--left,auto);right:var(--right,auto);background:var(--accent-primary);color:var(--text-primary);border:var(--border-main);box-shadow:.25rem .25rem 0px 0px var(--text-primary);text-transform:uppercase;z-index:5;pointer-events:none;transform:rotate(var(--rotation,-3deg));white-space:nowrap;padding:.75rem 1.5rem;font-size:.875rem;font-weight:900;position:absolute}@media (width<=768px){.header{height:auto;padding:1rem 0}.header-content{grid-template-columns:1fr auto;grid-template-areas:"brand toggle""nav nav";align-items:center;gap:1.25rem .5rem;display:grid}.header .brand{grid-area:brand;font-size:1.25rem}.header-right{display:contents}.nav-toggle-container{grid-area:toggle;justify-self:end;align-items:center;gap:.75rem;display:flex}.mobile-menu-btn{display:flex}nav.main-nav{grid-area:nav;width:100%;display:none}nav.main-nav.is-open{display:block}.header .nav-links{border-top:var(--border-main);flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;padding-top:1rem}.footer .nav-links{flex-direction:column;display:flex}.header .nav-link{background:var(--bg-primary);border:2px solid #000;padding:.4rem .6rem;font-size:.85rem}.hero{padding:2.5rem 0}.hero-title{font-size:3rem}.hero-description{padding:1rem;font-size:1.1rem}.btn{justify-content:center;width:100%}.sticker{padding:.4rem .8rem;font-size:.65rem}.hero .sticker-1{top:18%;right:-2%}.sticker-2,.sticker-3{display:none}.hero .sticker-4{--rotation:8deg;inset:32% -4% auto auto}.footer-socials{gap:1.5rem;margin-top:1rem;margin-bottom:1.5rem}.section{padding:4rem 0}.footer{padding:3rem 0}}