*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}:root{--nav-height: 76px;--nav-height: 72px}body{background:#0d0d0d;color:#e0e0e0;transition:background .3s ease,color .3s ease}section{padding:80px 20px;max-width:1200px;scroll-margin-top:calc(var(--nav-height) + 18px);margin:auto}main{padding-top:var(--nav-height)}.site-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#021018;box-shadow:0 4px 20px #00000080;position:fixed;top:0;left:0;width:100%;transition:padding .25s ease,background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,border-color .3s ease;transition:background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,border-color .3s ease;z-index:100}.site-nav.scrolled{background-color:#021018c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#00aaff2e;box-shadow:0 10px 30px #0000008c}.site-nav.scrolled .site-nav.compact{padding:8px 20px}.site-nav:hover{background-color:#030d15;box-shadow:0 8px 30px #000000b3}.logo{color:#0af;font-size:1.5rem;transition:transform .3s ease,font-size .25s ease;transition:transform .3s ease;z-index:101}.logo .site-nav.compact .logo{font-size:1.35rem}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:20px;align-items:center;transition:opacity .3s ease}.nav-link{background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;color:#fff;text-decoration:none;position:relative;padding:8px 12px;transition:padding .25s ease,background-color .3s ease,box-shadow .3s ease;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #00aaff1a}.nav-link .site-nav.compact .nav-link{padding:6px 10px}.nav-link:hover{background-color:#00aaff26;box-shadow:0 2px 8px #00aaff4d}.nav-link:after{content:"";display:block;height:2px;background:#0af;width:0;transition:width .3s ease;position:absolute;left:0;bottom:-5px}.nav-link:hover:after{width:100%}.nav-link.active{background:#0af3;color:#0ff}.menu-toggle{display:none;width:40px;height:36px;background:transparent;border:none;cursor:pointer;position:relative;z-index:101;padding:4px}.menu-toggle .hamburger,.menu-toggle .hamburger:before,.menu-toggle .hamburger:after{display:block;background:#fff;height:2.5px;border-radius:3px;transition:transform .3s ease,opacity .3s ease,background .3s ease}.menu-toggle .hamburger{width:22px;margin:6px auto;position:relative}.menu-toggle .hamburger:before,.menu-toggle .hamburger:after{content:"";position:absolute;left:0;width:22px}.menu-toggle .hamburger:before{top:-7px}.menu-toggle .hamburger:after{bottom:-7px}.menu-toggle:hover .hamburger,.menu-toggle:hover .hamburger:before,.menu-toggle:hover .hamburger:after{background:#0af}.menu-toggle.open .hamburger{transform:rotate(45deg);background:#0af}.menu-toggle.open .hamburger:before{transform:rotate(-90deg) translate(8px);top:0;background:#0af}.menu-toggle.open .hamburger:after{opacity:0;background:#0af}@media(max-width:768px){.site-nav{padding:12px 16px}.site-nav .site-nav.compact{padding:12px 16px}.logo{font-size:1.3rem}.logo .site-nav.compact .logo{font-size:1.3rem}.menu-toggle{display:block}.nav-links{position:absolute;top:calc(100% + 8px);left:8px;right:8px;background:#021018fa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:12px 0;flex-direction:column;gap:6px;box-shadow:0 18px 50px #000614b3;border:1px solid rgba(0,170,255,.1);max-height:0;opacity:0;overflow:hidden;transform:translateY(-12px);transition:max-height .35s ease,opacity .3s ease,transform .35s ease;z-index:99}.nav-links.open{max-height:300px;opacity:1;transform:translateY(0)}.nav-link{padding:12px 16px;margin:0;width:100%;text-align:left;border-radius:8px}.nav-link:after{display:none}.nav-link:hover{background-color:#0af3}}@media(max-width:520px){.site-nav{padding:12px}.logo{font-size:1.2rem}.nav-links{left:4px;right:4px}.nav-link{padding:10px 14px;font-size:.95rem}}.about{padding:72px 20px;max-width:1100px;margin:0 auto;animation:sectionFade .9s ease both}.about-inner{display:flex;flex-direction:column;gap:36px}.about-header{max-width:820px;margin:0 auto;text-align:center}.about-title{font-size:clamp(2rem,4vw,2.8rem);color:#0af;margin-bottom:15px;letter-spacing:.5px}.about-sub{font-size:clamp(.95rem,1.3vw,1.1rem);color:#c9d9e6;line-height:1.7;margin-bottom:12px}.about-sub.muted{color:#98cfe9;opacity:.9}.about-meta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.meta-card{background:linear-gradient(180deg,#ffffff03,#fff0);border:1px solid rgba(255,255,255,.03);padding:18px;border-radius:12px;color:#dfeffd;box-shadow:0 8px 30px #0000008c;transition:transform .2s ease,box-shadow .2s;text-align:center}.meta-card h4{color:#aee8ff;margin-bottom:8px;font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:600}.meta-card p{font-size:clamp(.85rem,1vw,.95rem);color:#dfeffd;line-height:1.6}.meta-card:hover{transform:translateY(-6px);box-shadow:0 18px 60px #008aff14}.about-content-centered{max-width:820px;margin:0 auto;text-align:center}.about-section-heading{font-size:clamp(1.2rem,2vw,1.6rem);color:#9fd9ff;margin:20px 0 12px;font-weight:600}.about-text p{font-size:clamp(.95rem,1.2vw,1.05rem);color:#d9f1ff;line-height:1.8;margin-bottom:15px}.about-list.detailed{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:12px;text-align:left}.about-list.detailed li{background:#ffffff05;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.03)}.about-list.detailed li strong{display:block;color:#e9fbff;font-weight:700;margin-bottom:6px;font-size:clamp(.95rem,1.1vw,1.05rem)}.list-desc{color:#cfeeff;opacity:.95;font-size:clamp(.85rem,1vw,.95rem);margin-top:4px}.about-paragraph{color:#d9f1ff;font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.8;margin-bottom:15px}.about-cta{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@keyframes sectionFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.about{padding:40px 16px}.about-inner{gap:24px}.about-meta-row{grid-template-columns:1fr;gap:12px}.about-content-centered,.about-list.detailed{text-align:left}}.hero,.home-hero{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.hero-inner{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.hero-title{font-size:2.5rem;margin-bottom:10px;color:#0af;animation:slideIn .5s ease}.hero-sub{color:#bfc4c9;margin-bottom:18px}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;border:1px solid transparent;transition:transform .12s ease,background .12s}.btn.primary,.btn.secondary{background:#0af;color:#000}.btn.primary:hover,.btn.secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00aaff4d}.btn.ghost{background:transparent;color:#cfcfcf;border:1px solid rgba(255,255,255,.06)}.btn.ghost:hover{background:#ffffff0d;box-shadow:0 6px 18px #ffffff1a}.btn.small{padding:6px 10px;font-size:.9rem;border-radius:8px}.about-content{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}.about-text{color:#d9e9fb}.about-list.detailed{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}.about-list.detailed li{background:#ffffff05;padding:12px 14px;border-radius:10px}.about-section-heading{font-size:1.4rem;color:#0af}.about-paragraph{margin-bottom:16px;line-height:1.6;color:#cfeeff}.about-list.detailed li strong{display:block;color:#e9fbff;font-weight:700;margin-bottom:6px}.list-desc{color:#cfeeff;opacity:.95;font-size:.95rem}.home-hero{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;padding:48px 20px;min-height:calc(100vh - 90px)}.hero-inner{display:flex;align-items:center;gap:16px;width:100%;max-width:1100px;padding:8px}.hero-left{flex:1 1 540px;min-width:220px;text-align:left}.hero-right{flex:0 0 360px;display:flex;align-items:center;justify-content:center}.profile-img{position:relative;margin-top:auto;width:100%;max-width:360px;height:auto;object-fit:cover;border-radius:14px;box-shadow:0 14px 40px #0256,0 0 50px #00aaff1a;transition:transform .28s ease,box-shadow .28s ease}.profile-img:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 28px 70px #00225580,0 0 90px #00aaff29}@media(max-width:880px){.hero-inner{gap:16px}.hero-left{text-align:center}.hero-right{flex:0 0 300px}.profile-img{max-width:300px}}@media(max-width:768px){.home-hero{flex-direction:column-reverse;align-items:center;min-height:auto;padding:8px 20px}.hero-left{text-align:center}.hero-right{width:100%}.profile-img{max-width:240px}}.nav-links{transition:max-height .28s ease,opacity .24s ease,transform .28s ease}@media(max-width:768px){.menu-toggle{display:block;z-index:90}.nav-links{position:absolute;top:calc(100% + 10px);left:10px;right:10px;background:#021018f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:8px;box-shadow:0 18px 50px #00061499}.nav-links.open{max-height:420px;opacity:1;transform:translateY(0)}.nav-links{max-height:0;opacity:0;transform:translateY(-6px);overflow:hidden}}.projects{padding:60px 20px;max-width:1200px;margin:0 auto 80px;animation:sectionFade .9s ease both}.projects-title{font-size:clamp(1.8rem,3.5vw,2.4rem);color:#0af;text-align:center;margin-bottom:28px}.projects-message{text-align:center;max-width:600px;margin:0 auto;padding:40px 20px;background:linear-gradient(180deg,#ffffff03,#fff0);border:1px solid rgba(255,255,255,.03);border-radius:12px;color:#d9f1ff;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;align-items:start}.project-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.04);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .22s;box-shadow:0 8px 30px #0000008c}.project-card:hover{transform:translateY(-8px);box-shadow:0 22px 70px #00143c99}.project-media{width:100%;overflow:hidden;background:#0000000a}.project-image{width:100%;height:280px;object-fit:cover;display:block;border-radius:0;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 8px 30px #00225559,0 0 40px #00aaff14}.image-carousel{position:relative;width:100%;height:280px;overflow:hidden;background:#0000000a}.carousel-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s ease;box-shadow:0 8px 30px #00225559,0 0 40px #00aaff14}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0afc;color:#fff;border:none;padding:8px 12px;font-size:1.2rem;cursor:pointer;border-radius:4px;transition:background .3s ease;z-index:10}.carousel-btn:hover{background:#0af}.carousel-btn.prev{left:8px}.carousel-btn.next{right:8px}.carousel-indicators{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:background .3s ease,transform .3s ease}.indicator.active{background:#0af;transform:scale(1.3)}.carousel-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:#0000001a;color:#888;font-size:1rem}.project-card:hover .project-image{transform:scale(1.03);box-shadow:0 20px 60px #00225573,0 0 80px #00aaff24}.project-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;text-align:left}.project-title{font-size:1.15rem;color:#0af;margin-bottom:4px}.project-description{color:#cfeeff;line-height:1.6;font-size:.97rem}.project-tech{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.tech-badge{background:#00aaff14;color:#9fe3ff;padding:6px 10px;border-radius:999px;font-weight:600;font-size:.86rem;border:1px solid rgba(0,170,255,.08)}.project-links{margin-top:auto;display:flex;gap:10px;align-items:center}@media(max-width:880px){.project-image,.image-carousel{height:180px}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-image,.image-carousel{height:240px}.project-card{margin:0 auto}}@media(max-width:520px){.project-image,.image-carousel{height:200px}.project-body{padding:12px}.projects-grid{gap:12px}.carousel-btn{padding:6px 10px;font-size:1rem}}.skills{padding:56px 20px;max-width:1100px;margin:0 auto 80px;animation:sectionFade .9s ease both}.skills-title{font-size:clamp(1.6rem,4vw,2.2rem);color:#0af;text-align:center;margin-bottom:18px;font-weight:700}.skills-desc{color:#cfeeff;text-align:center;max-width:880px;margin:0 auto 26px;font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;align-items:start}.skill-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(0,170,255,.06);border-radius:12px;padding:16px;box-shadow:0 12px 32px #00122899;transition:transform .22s ease,box-shadow .22s ease;display:flex;flex-direction:column;gap:12px}.skill-card:hover{transform:translateY(-8px);box-shadow:0 28px 80px #008aff1f}.skill-card h4{color:#9fe6ff;font-size:1rem;margin-bottom:6px;font-weight:700}.skill-badges{display:flex;gap:8px;flex-wrap:wrap}.skill-badge{background:linear-gradient(135deg,#00aaff1f,#00aaff0a);color:#00c3ff;padding:8px 12px;border-radius:999px;font-weight:600;font-size:.9rem;border:1px solid rgba(0,170,255,.08);box-shadow:0 6px 18px #008aff0a;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.skill-badge:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 14px 40px #008aff14;background:linear-gradient(135deg,#0af3,#00aaff14)}@keyframes skillsPop{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.skill-card{animation:skillsPop .45s ease both}.skills{padding:36px 16px;max-width:1000px;margin:0 auto 60px}.skills-title{text-align:center;color:#0af;font-size:clamp(1.4rem,3.5vw,1.9rem);margin-bottom:10px}.skills-desc{text-align:center;color:#cfeeff;margin-bottom:18px;font-size:.98rem}.skills-grid{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.skill-badge{background:transparent;color:#dff8ff;padding:8px 12px;border-radius:999px;border:1px solid rgba(0,170,255,.12);font-weight:600;font-size:.92rem;transition:transform .16s ease,box-shadow .16s ease}.skill-badge:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00aaff14}@media(max-width:520px){.skills{padding:28px 12px}.skill-badge{padding:7px 10px;font-size:.85rem}}.contact{padding:80px 20px;max-width:1200px;margin:0 auto;text-align:center;animation:sectionFade .9s ease both}.contact-title{font-size:clamp(2rem,4vw,2.8rem);color:#0af;margin-bottom:20px;letter-spacing:.5px}.contact p{max-width:600px;margin:0 auto 30px;color:#cfeeff;font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.7}.contact-icons{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.contact-icon{color:#0af;transition:transform .3s ease,color .3s ease;display:inline-block;padding:12px;border-radius:50%;background:#00aaff1a;border:1px solid rgba(0,170,255,.2)}.contact-icon:hover{transform:scale(1.1);color:#0ff;background:#0af3;border-color:#0af6}.contact a{color:#0af;text-decoration:none;transition:color .3s ease}.contact a:hover{color:#0ff}@media(max-width:768px){.contact{padding:60px 16px}.contact-icons{gap:20px}.contact-icon{padding:10px}}