:root{box-sizing:border-box}*{box-sizing:inherit}html,body{height:100%}img{max-width:100%;display:block}:root{--bg: #f6eef6;--surface: #040404;--text: #111827;--muted: #6b7280;--accent: #00b7ff;--accent-2: #1fb6ff;--glass: rgba(255, 255, 255, .6);--card: #fff}:root.dark{--bg: #07060a;--surface: #0b0f17;--text: #e6eef8;--muted: #9aa4b2;--accent: #07c5ff;--accent-2: #00a8ff;--glass: rgba(255, 255, 255, .04);--card: #0f1720}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}.app-root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:4rem 1rem}.nav{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,transparent,rgba(0,0,0,.02))}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;max-width:1200px;margin:0 auto}.brand{font-weight:700;letter-spacing:.2px}.links{display:flex;gap:1rem}.links a{color:var(--muted);text-decoration:none;padding:.25rem .5rem}.links a:hover{color:var(--accent)}.controls{display:flex;align-items:center;gap:.75rem}.hamburger{display:none;width:60px;border-radius:999px;background:var(--surface);border:none;padding:8px;position:relative;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px #0206171f}.hamburger span{display:block;width:18px;height:2px;background:var(--card);margin:4px 0;border-radius:2px;transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .2s}.hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(.2)}.hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.theme-toggle{width:46px;height:26px;border-radius:999px;background:var(--glass);border:1px solid rgba(255,255,255,.04);position:relative;padding:3px;display:inline-flex;align-items:center;cursor:pointer}.theme-toggle .dot{width:18px;height:18px;border-radius:50%;background:var(--surface);transform:translate(0);transition:transform .22s ease,background .22s}.theme-toggle.on .dot{transform:translate(20px);background:var(--accent)}.hero{padding:3rem auto 3rem;margin-top:2rem}.hero-inner{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}.hero-copy{margin:2rem 0 3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-copy h1{font-size:3rem;margin:0 0 .5rem}.subtitle{color:var(--muted);margin:0 0 .5rem}.lead{color:var(--muted);max-width:48ch}.hero-cta{margin-top:1rem;display:flex;gap:1rem}.btn{display:inline-block;padding:.6rem 1rem;border-radius:999px;text-decoration:none;font-weight:600}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}.btn.ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.04)}.hero-visual{display:flex;flex-direction:column;align-items:center;gap:1rem}.keyboard{width:300px;height:80px;background:linear-gradient(180deg,#0000000d,#00000005);border-radius:12px;box-shadow:0 8px 30px #0206171f}.mouse{width:80px;height:120px;border-radius:40px;box-shadow:0 8px 20px #0206171f}.mouse img{width:100%;height:100%}.about{background:transparent;padding:3rem 0}.about .about-grid{display:grid;grid-template-columns:1fr 260px;gap:2rem;align-items:center;margin-top:1rem}.about h2,.about p{text-align:start;justify-content:start}.about p{margin-left:0}.about-list{list-style:none;padding:0;margin:0;color:var(--muted)}.avatar img{width:100%;border-radius:10px}.muted{color:var(--muted)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem 0}.skill{background:var(--card);padding:1rem;border-radius:10px;display:flex;gap:.75rem;align-items:center;box-shadow:0 6px 18px #0206170d}.skill .icon{font-size:1.2rem}.projects h2{text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem}.project-card{background:var(--card);border-radius:12px;padding:1rem;box-shadow:0 8px 30px #0206170f}.project-card .thumb{height:140px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:8px;margin-bottom:.75rem}.project-card h3{margin:4rem 0 .25rem}.proj-links{display:flex;gap:.5rem;margin-top:.75rem}.ghost{color:var(--muted);text-decoration:underline}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.service-card{background:var(--card);padding:1rem;border-radius:12px;text-align:center}.contact .contact-form{display:flex;flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto}.contact input,.contact textarea{padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:var(--glass);color:var(--text)}.form-actions{margin-top:.5rem}.muted{margin:20px auto;max-width:800px;text-align:center}.site-footer{padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.03);margin-top:auto}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}h2{display:flex;text-align:center;justify-content:center}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-visual{order:-1}.about .about-grid{grid-template-columns:1fr}.skills-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(1,1fr)}.links{display:none}}@media(max-width:480px){.hero-copy h1{font-size:2rem}.projects-grid{grid-template-columns:1fr}}.hamburger{display:none;width:40px;height:30px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.04);padding:6px;position:relative}.hamburger span{display:block;height:2px;background:var(--text);margin:4px 0;border-radius:2px;transition:transform .25s,opacity .2s}.hamburger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;inset:0;background:#02061799;align-items:center;justify-content:center}.mobile-menu.visible{display:flex;position:absolute;top:8rem}.mobile-inner{background:var(--card);padding:2rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-width:220px}.mobile-inner a{color:var(--text);text-decoration:none;font-weight:600}@media(max-width:900px){.hamburger{display:inline-flex}}.about-tabs{margin-top:1rem;display:flex;gap:.5rem}.tab{padding:.45rem .8rem;border-radius:999px;background:transparent;border:1px solid rgba(255,255,255,.04);cursor:pointer}.tab.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border:none}.about-outlet{margin-top:1rem}.about-outlet-inner h3{margin:0 0 .3rem}.edu-list,.exp-list{display:flex;flex-direction:column;gap:.3rem}.edu-item,.exp-item{padding:.1rem;background:var(--card);border-radius:8px}.edu-item h4,.exp-item h4{margin:.5rem 0 .2rem;text-align:center}.muted.small{color:var(--muted);font-size:.95rem}.muted.tiny{color:var(--muted);font-size:.8rem}.role{display:inline-block;opacity:1;transform:translateY(0);transition:transform .42s cubic-bezier(.2,.9,.3,1),opacity .32s}.role.animate{animation:fadeInUp .62s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}