@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--bg-color:#0a0a0a;--bg-hatch:#181818;--wrapper-bg:#121212;--grid-line:#ffffff0d;--text-main:#fff;--text-muted:#888;--text-accent:#fff;--marker-color:#e0e0e0}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:1px solid var(--grid-line)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}body,html{box-sizing:border-box;background-color:var(--bg-color);background-attachment:fixed;background-image:repeating-linear-gradient(-45deg, var(--bg-hatch) 0, var(--bg-hatch) 1px, transparent 1px, transparent 8px);width:100%;min-height:100vh;margin:0;padding:0;font-family:Outfit,-apple-system,sans-serif;overflow-x:hidden}#root{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:60px 0;display:flex;position:relative}.section-container{box-sizing:border-box;width:100%;padding:60px calc(max(40px,50% - 600px));position:relative}.section-container:before,.section-container:after{content:"";background-color:var(--wrapper-bg);z-index:-1;width:100vw;position:absolute;top:0;bottom:0}.section-container:before{right:100%}.section-container:after{left:100%}.section-divider{display:none}.section-header{justify-content:center;align-items:center;width:100%;margin-bottom:60px;display:flex}.section-header h2{color:var(--text-main);letter-spacing:.2em;text-transform:lowercase;align-items:center;gap:16px;margin:0;font-family:monospace;font-size:1.1rem;font-weight:400;display:flex}.bracket{color:var(--text-muted);opacity:.5;font-weight:300}.marker{border-color:var(--marker-color);z-index:20;border-style:solid;border-width:0;width:12px;height:12px;position:absolute}.section-header .bracket{color:var(--text-muted);opacity:.3;margin:0 8px;font-weight:200}.section-header .header-line{display:none}h1,p{margin:0}a{color:inherit;text-decoration:none}@media (width<=768px){.section-container{padding:60px 20px}}.wrapper{background:var(--wrapper-bg);z-index:1;flex-direction:column;width:calc(100vw - 120px);min-height:calc(100vh - 120px);display:flex;position:relative;box-shadow:0 4px 40px #0009}.background-layers{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-glow{background:radial-gradient(circle,#60a5fa0d 0%,#0000 60%);width:100%;height:100%;animation:12s ease-in-out infinite float-glow;position:absolute;top:-40%;left:50%}@keyframes float-glow{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(40px)}}.noise-overlay{opacity:.04;background: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=\"turbulence\" baseFrequency=\"4\" 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:absolute;top:0;left:0}.content-container{z-index:20;flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative}.line{background-color:var(--grid-line);z-index:10;position:absolute}.line.horizontal{height:1px;left:-60px;right:-60px}.line.vertical{width:1px;top:-60px;bottom:-60px}.line.top{top:0}.line.bottom{bottom:0}.line.left{left:0}.line.right{right:0}@media (width<=768px){.wrapper{width:calc(100vw - 32px);min-height:calc(100vh - 32px)}.line.horizontal{left:-16px;right:-16px}.line.vertical{top:-16px;bottom:-16px}}.site-header{justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:relative}.site-header:after{content:"";background-color:var(--grid-line);z-index:1;height:1px;position:absolute;bottom:0;left:-60px;right:-60px}.site-header .marker.tl{border-top-width:2px;border-left-width:2px;top:0;left:0}.site-header .marker.tr{border-top-width:2px;border-right-width:2px;top:0;right:0}.site-header .marker.bl{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.site-header .marker.br{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.logo{color:var(--text-main);justify-content:center;align-items:center;display:flex}.logo .bracket{color:var(--text-muted);opacity:.5;font-weight:300}.header-nav-links{align-items:center;gap:24px;display:flex}.header-nav-item{color:var(--text-muted);align-items:center;gap:6px;font-family:monospace;font-size:1rem;font-weight:300;text-decoration:none;transition:color .3s;display:flex}.header-nav-item:hover{color:var(--text-main)}.header-arrow{opacity:.6;font-size:.9em}@media (width<=768px){.site-header{padding:16px 20px}.header-nav-links{gap:16px}.header-nav-item{font-size:.9rem}}@media (width<=480px){.header-nav-links{gap:12px}.header-nav-item{gap:4px;font-size:.8rem}}@media (width<=768px){.site-header{flex-direction:column;align-items:flex-start;gap:24px}.header-socials{flex-wrap:wrap;justify-content:flex-start;gap:16px;width:100%}}.site-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:80vh;padding:40px 32px;display:flex;position:relative}.site-main:before,.site-main:after{content:"";background-color:var(--wrapper-bg);z-index:-1;width:100vw;position:absolute;top:0;bottom:0}.site-main:before{right:100%}.site-main:after{left:100%}.hero{flex-direction:column;align-items:center;max-width:800px;padding:40px 20px;display:flex;position:relative;transform:translateY(-2vh)}.deco-crosshair{color:#ffffff26;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:16px;line-height:1;position:absolute}.deco-crosshair.tl{top:0;left:0}.deco-crosshair.tr{top:0;right:0}.deco-crosshair.bl{bottom:0;left:0}.deco-crosshair.br{bottom:0;right:0}.status{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:32px;font-size:11px;font-weight:500;display:inline-flex}.status .dot{background-color:var(--text-main);border-radius:50%;width:6px;height:6px;animation:2.5s infinite pulse}@keyframes pulse{0%{opacity:1;box-shadow:0 0 #fff3}70%{opacity:.4;box-shadow:0 0 0 8px #fff0}to{opacity:1;box-shadow:0 0 #fff0}}.hero h1.title{color:var(--text-main);letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(50px,8vw,96px);font-weight:500;line-height:1.1;position:relative}.watermark{color:#0000;-webkit-text-stroke:1px #ffffff08;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:clamp(100px,20vw,240px);font-weight:800;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hero h1 .subtitle{color:var(--text-muted);white-space:nowrap;margin-top:12px;font-size:clamp(24px,4vw,36px);font-weight:300;display:block}.bracket{color:var(--text-muted);opacity:.3;margin:0 6px;font-weight:200}.text-content{flex-direction:column;align-items:center;gap:24px;display:flex}.lead{color:#888;max-width:650px;font-size:clamp(18px,2vw,22px);font-weight:300;line-height:1.6}.action-row{margin-top:8px}.primary-link{color:var(--text-muted);border-bottom:1px solid #fff3;align-items:center;gap:8px;padding-bottom:6px;font-size:18px;font-weight:400;transition:all .3s;display:inline-flex}.primary-link:hover{color:var(--text-main);border-color:var(--text-main);gap:14px}@media (width<=768px){.glitch-text{font-size:3.5rem;line-height:1.1}.glitch-text:before,.glitch-text:after{font-size:3.5rem}.hero-section{padding-top:60px;padding-bottom:60px}}.about-content{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:800px;margin:0 auto;display:flex}.about-content p{color:var(--text-main);margin:0;font-size:1.2rem;font-weight:300;line-height:1.7}.experience-list-modern{flex-direction:column;width:100%;display:flex}.exp-row{grid-template-columns:250px 300px 1fr;align-items:flex-start;gap:40px;padding:48px 0;display:grid}.exp-col-date{color:var(--text-main);letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.exp-col-title h3{color:var(--text-main);letter-spacing:-.01em;margin:0 0 6px;font-size:1.05rem;font-weight:600}.exp-role{color:#ccc;font-size:.9rem;font-weight:400}.exp-col-desc p{color:#999;margin:0;font-size:.85rem;font-weight:400;line-height:1.6}.exp-row-divider{background-color:var(--grid-line);width:100%;height:1px;position:relative}.exp-divider-circle{border:1px solid var(--grid-line);background-color:#0000;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (width<=1024px){.exp-row{grid-template-columns:200px 250px 1fr;gap:20px}}@media (width<=768px){.exp-row{flex-direction:column;gap:16px;padding:32px 0;display:flex}.exp-col-date{margin-bottom:8px}.exp-row{flex-direction:column;align-items:flex-start;gap:8px}.exp-col-date{width:100%;margin-bottom:4px;padding-right:0}.exp-col-title{width:100%;margin-bottom:8px;padding-right:0}.exp-col-desc{width:100%}}.education-list-modern{flex-direction:column;width:100%;display:flex}.edu-row{grid-template-columns:250px 300px 1fr;align-items:flex-start;gap:40px;padding:48px 0;display:grid}.edu-col-date{color:var(--text-main);letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.edu-col-title h3{color:var(--text-main);letter-spacing:-.01em;margin:0 0 6px;font-size:1.05rem;font-weight:600}.edu-role{color:#ccc;font-size:.9rem;font-weight:400}.edu-col-desc p{color:#999;margin:0;font-size:.85rem;font-weight:400;line-height:1.6}.edu-row-divider{background-color:var(--grid-line);width:100%;height:1px;position:relative}.top-divider{margin-top:20px}.edu-divider-circle{border:1px solid var(--grid-line);background-color:#0000;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (width<=1024px){.edu-row{grid-template-columns:200px 250px 1fr;gap:20px}}@media (width<=768px){.edu-row{flex-direction:column;gap:16px;padding:32px 0;display:flex}.edu-col-date{margin-bottom:8px}.edu-row{flex-direction:column;align-items:flex-start;gap:8px}.edu-col-date{width:100%;margin-bottom:4px;padding-right:0}.edu-col-title{width:100%;margin-bottom:8px;padding-right:0}.edu-col-desc{width:100%}}.projects-table{flex-direction:column;width:100%;display:flex}.proj-row{grid-template-columns:1fr 300px;align-items:flex-start;gap:60px;padding:40px 0;display:grid}.proj-col-main{flex-direction:column;gap:12px;display:flex}.proj-title-group{align-items:baseline;gap:24px;display:flex}.proj-title-group h3{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:600}.proj-links{align-items:center;gap:16px;display:flex}.proj-links a{color:var(--text-accent);opacity:.8;align-items:center;font-family:monospace;font-size:.85rem;text-decoration:none;transition:opacity .2s;display:flex}.proj-links a:hover{opacity:1;text-decoration:underline}.proj-desc{color:var(--text-muted);margin:0;font-size:.95rem;font-weight:300;line-height:1.6}.proj-col-tech{flex-wrap:wrap;align-content:flex-start;gap:10px;display:flex}.proj-tech-item{color:#999;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:.8rem}.proj-row-divider{background-color:var(--grid-line);width:100%;height:1px;position:relative}.proj-divider-circle{border:1px solid var(--grid-line);background-color:#0000;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (width<=1024px){.proj-row{grid-template-columns:1fr 250px;gap:40px}}@media (width<=768px){.proj-row{flex-direction:column;gap:20px;padding:32px 0;display:flex}.proj-title-group{flex-direction:column;gap:8px}.projects-grid{grid-template-columns:1fr}}.skills-grid{flex-direction:column;align-items:center;gap:40px;margin-bottom:120px;display:flex}.skill-category{text-align:center;flex-direction:column;align-items:center;display:flex}.skill-category h3{color:var(--text-muted);letter-spacing:.05em;margin-bottom:16px;font-family:monospace;font-size:.9rem}.skill-list{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.skill-tag{color:var(--text-main);cursor:default;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:2px;padding:8px 16px;font-size:.95rem;transition:border-color .2s,background-color .2s}.skill-tag:hover{border-color:var(--text-main);background-color:#ffffff1a}@media (width<=768px){.skills-grid{grid-template-columns:1fr;gap:32px}}.site-footer{justify-content:space-between;align-items:center;padding:64px 32px;font-size:13px;display:flex;position:relative}.site-footer:before{content:"";background-color:var(--grid-line);z-index:1;height:1px;position:absolute;top:0;left:-60px;right:-60px}.site-footer .marker.tl{border-top-width:2px;border-left-width:2px;top:0;left:0}.site-footer .marker.tr{border-top-width:2px;border-right-width:2px;top:0;right:0}.site-footer .marker.bl{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.site-footer .marker.br{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.footer-left{align-items:center;gap:48px;display:flex}.quote-container{align-items:center;min-width:350px;display:flex}.footer-quote{color:var(--text-muted);letter-spacing:.05em;font-family:monospace;font-size:.95rem;font-weight:300}.footer-social-link{color:var(--text-muted);align-items:center;gap:8px;font-size:1.6rem;font-weight:300;text-decoration:none;transition:color .3s;display:flex}.footer-social-link:hover{color:var(--text-main)}.footer-arrow{opacity:.6;font-family:monospace;font-size:.9em}.footer-right{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.footer-right:hover{color:var(--text-main)}@media (width<=768px){.site-footer{flex-direction:column;align-items:flex-start;gap:32px;padding:32px 16px}.footer-center{flex-direction:column;align-items:flex-start;gap:12px}.quote-container{width:100%;min-width:0;padding-right:16px}.footer-right{align-self:flex-start}}