:root{--bg:#eef6d8;--bg2:#dcebb2;--card:#f6ffe6;--text:#132010;--muted:#52614b;--green1:#90AB57;--green2:#B7D759;--green3:#D3EB7A;--green4:#689929;--shadow:#000;--glow:rgba(183, 215, 89, .45)}.dark{--bg:#08100E;--bg2:#102019;--card:#172A20;--text:#F0F0AA;--muted:#9EB37A;--green1:#689929;--green2:#B7D759;--green3:#D3EB7A;--green4:#294028;--shadow:#000;--glow:rgba(183, 215, 89, .25)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top left,var(--glow),transparent 30%),radial-gradient(circle at bottom right,rgba(104,153,41,.18),transparent 35%),var(--bg);color:var(--text);overflow-x:hidden;transition:.35s ease;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 3px,transparent 3px,transparent 24px)}.container{max-width:1200px;margin:auto;padding:0 20px}nav{position:sticky;top:0;z-index:999;background:rgba(0,0,0,.08);backdrop-filter:blur(10px);border-bottom:4px solid #000}.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:2rem}.logo-box{background:linear-gradient(135deg,var(--green2),var(--green3));padding:8px 18px;border:4px solid #000;border-radius:14px;box-shadow:6px 6px 0 #000;color:#132010;text-decoration:none}.nav-actions{display:flex;gap:14px}.nav-btn{width:72px;height:72px;background:var(--card);border:4px solid #000;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:7px 7px 0 #000;transition:.2s;color:inherit;text-decoration:none}.nav-btn:hover{box-shadow:10px 10px 0 #000,0 0 25px var(--glow);transform:translateY(-2px)}.nav-btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 #000}.hero{padding:70px 0 60px}.hero-layout{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-bottom:60px}.hero-content{flex:1}.hero-avatar-wrapper{position:relative;flex-shrink:0;width:420px;height:420px;display:flex;align-items:center;justify-content:center;animation:float 6s ease-in-out infinite}.avatar-container{position:relative;width:360px;height:360px;border-radius:50%;border:8px solid #000;overflow:hidden;box-shadow:15px 15px 0 #000,0 0 50px var(--glow);z-index:2;background:#000}.hero-avatar{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:grayscale(1) contrast(1.1) brightness(.9);transition:.5s ease}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(183,215,89,.2),transparent);mix-blend-mode:color;pointer-events:none}.avatar-frame{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 40px rgba(0,0,0,.8);pointer-events:none}.avatar-glow{position:absolute;width:120%;height:120%;background:radial-gradient(circle,var(--glow) 0,transparent 70%);opacity:.6;filter:blur(40px);z-index:1}.avatar-particles .particle{position:absolute;width:6px;height:6px;background:var(--green2);border:2px solid #000;box-shadow:0 0 10px var(--green2);z-index:3}.pixel-accent{position:absolute;width:12px;height:12px;background:var(--green3);border:3px solid #000;z-index:4}.ui-detail{position:absolute;font-family:monospace;font-size:.8rem;font-weight:900;color:var(--green2);background:#000;padding:4px 10px;border:2px solid var(--green2);box-shadow:4px 4px 0 #000;z-index:4}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@media (max-width:1200px){.hero-layout{gap:40px}.hero-avatar-wrapper{width:320px;height:320px}.avatar-container{width:280px;height:280px}}@media (max-width:992px){.hero-layout{flex-direction:column;text-align:center;gap:60px}.hero-content{order:1}.hero-avatar-wrapper{order:2;margin:0 auto}.hero-desc{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}}@media (max-width:480px){.hero-avatar-wrapper{width:260px;height:260px}.avatar-container{width:220px;height:220px}}.badge{display:inline-flex;align-items:center;gap:12px;padding:18px 24px;background:var(--card);border:4px solid #000;border-radius:24px;box-shadow:8px 8px 0 #000;font-weight:700;margin-bottom:28px}.badge:hover{box-shadow:12px 12px 0 #000,0 0 30px var(--glow)}.green-dot{width:24px;height:24px;background:var(--green2);border-radius:50%;border:3px solid #000;box-shadow:0 0 18px var(--green2)}.mini-badge{display:inline-block;background:linear-gradient(135deg,var(--green2),var(--green3));padding:12px 22px;border-radius:999px;border:4px solid #000;font-weight:900;margin-bottom:35px;box-shadow:5px 5px 0 #000;color:#132010}.hero-title{font-size:clamp(4rem, 10vw, 7rem);font-weight:900;line-height:.9;letter-spacing:-4px;margin-bottom:28px}.highlight{background:linear-gradient(135deg,var(--green1),var(--green2));padding:6px 22px;border:4px solid #000;border-radius:20px;display:inline-block;box-shadow:8px 8px 0 #000;color:#132010;text-shadow:0 0 20px rgba(211,235,122,.35)}.hero-desc{max-width:760px;font-size:1.2rem;line-height:1.9;color:var(--muted);margin-bottom:40px}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:40px}.btn{padding:22px 34px;border:4px solid #000;border-radius:24px;font-weight:900;font-size:1.1rem;text-decoration:none;box-shadow:8px 8px 0 #000;transition:.2s;display:inline-block;cursor:pointer}.btn:hover{transform:translateY(-4px);box-shadow:12px 12px 0 #000,0 0 35px var(--glow)}.btn:active{transform:translate(5px,5px);box-shadow:2px 2px 0 #000}.primary{background:linear-gradient(135deg,var(--green1),var(--green2));color:#132010}.secondary{background:var(--card);color:var(--text)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat{background:var(--card);padding:34px;border-radius:32px;border:4px solid #000;box-shadow:10px 10px 0 #000;transition:.25s}.stat:hover{transform:translateY(-5px);box-shadow:14px 14px 0 #000,0 0 35px var(--glow)}.stat h2{font-size:3rem;margin-bottom:10px;text-shadow:0 0 12px rgba(183,215,89,.35)}.stat p{font-weight:800;letter-spacing:2px;color:var(--muted)}section{padding:90px 0}.section-title{font-size:clamp(2.5rem, 6vw, 4rem);font-weight:900;line-height:1;margin-bottom:18px}.section-desc{max-width:760px;line-height:1.8;font-size:1.1rem;color:var(--muted);margin-bottom:50px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.card{background:var(--card);border:4px solid #000;border-radius:34px;padding:34px;box-shadow:10px 10px 0 #000;transition:.25s;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block}.card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(183,215,89,.12),transparent 30%);pointer-events:none}.card:hover{transform:translateY(-8px);box-shadow:14px 14px 0 #000,0 0 40px var(--glow)}.icon svg,.project-image svg{width:60%;height:60%;fill:var(--text);stroke:black;stroke-width:2px}.icon{width:84px;height:84px;border-radius:24px;border:4px solid #000;margin-bottom:24px;box-shadow:7px 7px 0 #000;background:linear-gradient(135deg,var(--green1),var(--green2));display:flex;align-items:center;justify-content:center}.project-card{padding:0;overflow:hidden}.project-image{height:240px;display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:900;border-bottom:4px solid #000;background:radial-gradient(circle at center,rgba(211,235,122,.4),transparent 35%),linear-gradient(135deg,#172a20,#689929,#b7d759);color:#f0f0aa;text-shadow:0 0 25px rgba(211,235,122,.8)}.project-content{padding:34px}.project-content h3{font-size:1.8rem;margin-bottom:12px}.timeline{display:flex;flex-direction:column;gap:28px}.timeline-item{background:var(--card);padding:34px;border:4px solid #000;border-radius:32px;box-shadow:10px 10px 0 #000;transition:.25s}.timeline-item:hover{transform:translateY(-6px);box-shadow:14px 14px 0 #000,0 0 35px var(--glow)}.timeline-item small{font-weight:900;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.timeline-item h3{margin:14px 0;font-size:2rem}.contact-box{background:var(--card);padding:70px 30px;border-radius:42px;border:4px solid #000;box-shadow:12px 12px 0 #000;text-align:center;position:relative;overflow:hidden}.contact-box::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(183,215,89,.18),transparent 45%);pointer-events:none}.contact-box h2{font-size:clamp(3rem, 8vw, 5rem);line-height:1;margin-bottom:20px}.contact-box p{max-width:700px;margin:auto;line-height:1.9;color:var(--muted);margin-bottom:34px}footer{padding:40px 20px;text-align:center;font-weight:800;color:var(--muted)}@media(max-width:768px){.logo{font-size:1.5rem}.nav-btn{width:62px;height:62px}.hero-title{letter-spacing:-2px}.btn{width:100%;text-align:center}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2, 1, .3, 1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.nav-menu{position:fixed;inset:0;background:var(--bg);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;transform:translateX(100%);transition:transform .5s cubic-bezier(.2, 1, .3, 1);background-image:radial-gradient(circle at top left,var(--glow),transparent 30%),repeating-linear-gradient(45deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 3px,transparent 3px,transparent 24px)}.nav-menu.is-open{transform:translateX(0)}.nav-menu-links{display:flex;flex-direction:column;gap:20px;max-width:500px;width:100%}.nav-menu-link{font-size:2.5rem;font-weight:900;text-decoration:none;color:var(--text);padding:20px 30px;border:4px solid #000;border-radius:20px;background:var(--card);box-shadow:6px 6px 0 #000;transition:.2s;text-align:center;text-transform:uppercase}.nav-menu-link:hover{transform:translateY(-4px);box-shadow:10px 10px 0 #000,0 0 30px var(--glow);background:linear-gradient(135deg,var(--green1),var(--green2))}.nav-menu-close{position:absolute;top:30px;right:30px;width:64px;height:64px;background:var(--card);border:4px solid #000;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:5px 5px 0 #000}