:root{--bg-main:#1a1a2e;--bg-surface:#16213e;--bg-elevated:#0f3460;--text-primary:#eaeaea;--text-secondary:#b0b0b0;--text-dark:#000;--border:#eaeaea;--border-dark:#000;--accent-green:#00ffa3;--accent-yellow:#ffe600;--accent-blue:#4d4dff;--accent-pink:#ffa6f6;--accent-orange:#ff6b35;--shadow:6px 6px 0px #000;--shadow-hover:3px 3px 0px #000;--shadow-light:6px 6px 0px #0000004d;--border-width:3px;--radius:14px;--transition:all .15s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:28px 28px;font-family:Space Grotesk,sans-serif;overflow-x:hidden}::selection{background:var(--accent-yellow);color:#000}a{color:inherit;text-decoration:none}.neo-card{background:var(--bg-surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);padding:1.75rem;position:relative;overflow:hidden}.neo-card:hover{box-shadow:var(--shadow-hover);transform:translate(3px,3px)}.neo-btn{background:var(--accent-yellow);color:var(--text-dark);text-transform:uppercase;border:var(--border-width) solid var(--border-dark);box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);letter-spacing:.02em;border-radius:10px;padding:.85rem 1.75rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;display:inline-block}.neo-btn:hover{box-shadow:var(--shadow-hover);transform:translate(3px,3px)}.neo-btn--outline{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.neo-btn--nav{padding:.5rem 1.2rem;font-size:.8rem}.marquee-container{white-space:nowrap;color:var(--accent-green);border-bottom:var(--border-width) solid var(--border);background:#000;padding:.6rem 0;overflow:hidden}.marquee-content{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700;animation:30s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.navbar{z-index:100;background:var(--bg-surface);border-bottom:var(--border-width) solid var(--border);padding:.85rem 2rem;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-logo{letter-spacing:-.03em;color:var(--accent-green);font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);transition:var(--transition);font-size:.85rem;font-weight:600}.nav-links a:hover{color:var(--accent-yellow)}.hero{align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:5rem 2rem;display:flex}.hero-text{flex-direction:column;flex:1;gap:1.5rem;display:flex}.hero-badge{background:var(--accent-green);color:var(--text-dark);border:var(--border-width) solid var(--border-dark);box-shadow:var(--shadow);text-transform:uppercase;border-radius:8px;width:fit-content;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:.95}.hero h1 .highlight{background:var(--accent-blue);color:#fff;border:var(--border-width) solid var(--border);border-radius:8px;padding:.05em .25em;display:inline-block}.hero-description{max-width:550px;color:var(--text-secondary);font-size:1.2rem;font-weight:500;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.hero-image{flex:0 0 300px;position:relative}.hero-image-wrapper{border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-surface);padding:.5rem;overflow:hidden}.hero-image-wrapper img{border-radius:10px;width:100%;height:auto;display:block}.deco-sticker{color:var(--text-dark);text-transform:uppercase;white-space:nowrap;z-index:10;border:3px solid #000;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;position:absolute;box-shadow:4px 4px #000}.deco-sticker--1{background:var(--accent-green);top:-12px;right:-15px;transform:rotate(4deg)}.deco-sticker--2{background:var(--accent-yellow);bottom:80px;left:-35px;transform:rotate(-6deg)}.deco-sticker--3{background:var(--accent-pink);bottom:-12px;right:20px;transform:rotate(2deg)}.deco-sticker--4{background:var(--accent-orange);top:50%;left:-40px;transform:rotate(-3deg)}.section{border-top:var(--border-width) solid var(--border);padding:5rem 2rem;position:relative}.section-inner{z-index:1;max-width:1200px;margin:0 auto;position:relative}.section-title{text-transform:uppercase;letter-spacing:-.03em;margin-bottom:3rem;font-size:2.75rem;font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";border-radius:3px;width:70px;height:5px;position:absolute;bottom:-8px;left:0}.section--yellow{background:var(--accent-yellow);color:var(--text-dark);border-color:var(--border-dark)}.section--yellow .section-title{color:var(--text-dark)}.section--yellow .section-title:after{background:var(--text-dark)}.section--dark{background:var(--bg-main)}.section--dark .section-title:after{background:var(--accent-green)}.skills-bento{grid-template-rows:auto auto;grid-template-columns:1.3fr 1fr;gap:1.25rem;display:grid}.skill-card--large{color:var(--text-dark);border-color:var(--border-dark);background:#fff;grid-row:1/3}.skill-card--accent{background:var(--accent-pink);color:var(--text-dark);border-color:var(--border-dark)}.skill-card--accent .skill-list li:before{background:var(--text-dark)}.section--yellow .neo-card{border-color:var(--border-dark);box-shadow:6px 6px #0006}.section--yellow .neo-card:hover{box-shadow:3px 3px #0006}.skill-card-header{border-bottom:var(--border-width) solid var(--border-dark);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.skill-card-header h3{text-transform:uppercase;font-size:1.2rem;font-weight:700}.skill-card-badge{background:var(--accent-green);color:var(--text-dark);text-transform:uppercase;border:2px solid var(--border-dark);border-radius:6px;padding:.3rem .6rem;font-size:.7rem;font-weight:700}.skill-card-badge--dark{background:var(--text-dark);color:#fff}.skill-list{flex-direction:column;gap:.7rem;list-style:none;display:flex}.skill-list li{align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;display:flex}.skill-list li:before{content:"";background:var(--accent-green);border-radius:3px;flex-shrink:0;width:10px;height:10px}.skill-card--large .skill-list li:before{background:var(--accent-blue)}.projects-list{flex-direction:column;gap:1.75rem;display:flex}.project-card{border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-surface);transition:var(--transition);gap:0;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-hover);transform:translate(3px,3px)}.project-metric{text-align:center;border-right:var(--border-width) solid var(--border);color:var(--text-dark);flex-direction:column;flex:0 0 200px;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}.project-metric--green{background:var(--accent-green)}.project-metric--yellow{background:var(--accent-yellow)}.project-metric--blue{background:var(--accent-blue);color:#fff}.project-metric--pink{background:var(--accent-pink)}.project-metric .number{font-size:3rem;font-weight:700;line-height:1}.project-metric .label{text-transform:uppercase;margin-top:.5rem;font-size:.85rem;font-weight:700}.project-body{flex-direction:column;flex:1;justify-content:center;padding:1.75rem;display:flex}.project-body h3{text-transform:uppercase;margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.project-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.project-tags span{border:2px solid var(--border);text-transform:uppercase;color:var(--text-secondary);border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.project-details p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.92rem;line-height:1.6}.project-details strong{color:var(--text-primary)}.project-link{border:var(--border-width) solid var(--border);text-transform:uppercase;transition:var(--transition);border-radius:8px;margin-top:1rem;padding:.5rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-block}.project-link:hover{background:var(--accent-yellow);color:var(--text-dark);border-color:var(--border-dark)}.footer{border-top:var(--border-width) solid var(--border);background:var(--accent-blue);text-align:center;background-image:radial-gradient(circle,#00000014 1px,#0000 1px);background-size:18px 18px;padding:5rem 2rem}.footer-inner{max-width:700px;margin:0 auto}.footer-title{text-transform:uppercase;letter-spacing:-.03em;color:#fff;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05}.footer-subtitle{color:#fffc;margin-bottom:2.5rem;font-size:1.1rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.footer-link{color:#fff;border:var(--border-width) solid #fff;text-transform:uppercase;transition:var(--transition);background:#000;border-radius:10px;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;box-shadow:4px 4px #0000004d}.footer-link:hover{background:var(--accent-yellow);color:#000;border-color:#000;transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.footer-copy{letter-spacing:.05em;color:#fff9;border-top:2px solid #ffffff40;margin-top:3.5rem;padding-top:1.5rem;font-size:.8rem;font-weight:600}@media (prefers-reduced-motion:reduce){.marquee-content{animation:none}.neo-card:hover,.project-card:hover,.neo-btn:hover,.footer-link:hover{transform:none}}@media (width<=768px){.hero{flex-direction:column-reverse;gap:2rem;padding:3rem 1.5rem}.hero-image{flex:none;width:200px}.hero h1{font-size:2.5rem}.nav-links{display:none}.section{padding:3rem 1.5rem}.section-title{font-size:2rem}.skills-bento{grid-template-rows:auto;grid-template-columns:1fr}.skill-card--large{grid-row:auto}.project-card{flex-direction:column}.project-metric{border-right:none;border-bottom:var(--border-width) solid var(--border);flex:none;padding:1.5rem}.footer-links{flex-direction:column;align-items:center}.footer-link{text-align:center;width:100%;max-width:280px}.deco-sticker--2,.deco-sticker--4{display:none}}