*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0b0c0e;--bg2: #111316;--bg3: #181a1f;--card: #13151a;--accent: #00e5b0;--accent2: #00c49a;--accent3: #00ffc6;--text: #f0f0f0;--muted: #8a8f9a;--border: rgba(255, 255, 255, .07);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none}img,svg{display:block;max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2a2d35;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes wave{0%,to{transform:rotate(0)}20%{transform:rotate(18deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(14deg)}80%{transform:rotate(-4deg)}}@keyframes spin-cw{to{transform:rotate(360deg)}}@keyframes spin-ccw{to{transform:rotate(-360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent)}50%{box-shadow:0 0 22px var(--accent),0 0 44px #00e5b059}}@keyframes fade-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.wave-emoji{display:inline-block;animation:wave 2.2s ease-in-out infinite;transform-origin:70% 70%}.spin-cw{animation:spin-cw 30s linear infinite}.spin-ccw{animation:spin-ccw 30s linear infinite}.pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}.float-0{animation:float 4s ease-in-out 0s infinite}.float-1{animation:float 4s ease-in-out 1.5s infinite}.float-2{animation:float 4s ease-in-out .8s infinite}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#0b0c0e;border:none;padding:.75rem 2rem;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.btn-primary:hover{background:var(--accent3);transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text);border:1.5px solid var(--border);padding:.75rem 1.8rem;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;transition:border-color .2s,transform .2s}.btn-outline:hover{border-color:var(--accent);transform:translateY(-2px)}.nav-link{color:var(--muted);font-size:.9rem;font-weight:500;letter-spacing:.02em;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-5px);border-color:#00e5b047}.skill-tag{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:.3rem .75rem;font-size:.78rem;color:var(--muted);cursor:default;transition:color .2s,border-color .2s}.skill-tag:hover{color:var(--accent);border-color:#00e5b04d}.social-link{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-full);padding:.55rem 1.2rem;font-size:.85rem;color:var(--muted);transition:color .2s,border-color .2s}.social-link:hover{color:var(--accent);border-color:#00e5b04d}.section-label{display:flex;align-items:center;gap:.6rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:1rem}.section-label:before{content:"";display:inline-block;width:20px;height:1.5px;background:var(--accent);flex-shrink:0}@media (max-width: 1024px){:root{font-size:15px}html{scroll-behavior:smooth}main{padding:0}section{padding:5rem 6%!important}.hero-grid{grid-template-columns:1fr!important;text-align:center;gap:2rem}.hero-role,.hero-acts{justify-content:center!important}.about-grid{grid-template-columns:1fr!important;gap:3rem}.about-img{display:none!important}.stats-bar{flex-wrap:wrap}.stat-item{flex:1 1 45%;border-right:none!important;border-bottom:1px solid var(--border)}.proj-header{flex-direction:column!important;gap:1rem;align-items:flex-start!important}.avatar-ring{width:280px!important;height:280px!important}.avatar-core{width:220px!important;height:220px!important}.skills-grid,.projects-grid{grid-template-columns:repeat(2,1fr)!important}.details-grid{grid-template-columns:1fr!important}.coding-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){:root{font-size:14px}html{scroll-behavior:smooth}body{overflow-x:hidden}section{padding:4rem 5%!important}.desktop-nav,.desktop-cta{display:none!important}.hamburger-menu{display:block!important}nav{padding:1rem 4%!important}nav a:first-child{font-size:1.4rem!important}.hero-grid{padding:6rem 5% 3rem!important;gap:2rem}.hero-ring spin-cw{width:240px!important;height:240px!important}.avatar-ring{width:240px!important;height:240px!important}.avatar-core{width:180px!important;height:180px!important}.btn-primary,.btn-outline{padding:.6rem 1.4rem!important;font-size:.85rem!important}.skills-grid,.projects-grid,.details-grid,.coding-grid{grid-template-columns:1fr!important}h2{font-size:1.8rem!important}h3{font-size:1rem!important}p{font-size:.9rem!important}.card{padding:1rem!important}.stat-item{padding:1.5rem!important;border-right:none!important;border-bottom:1px solid var(--border)}.stat-item:last-child{border-bottom:none}.social-link{font-size:.75rem!important;padding:.4rem .8rem!important}}@media (max-width: 480px){:root{font-size:13px}html{scroll-behavior:smooth}body{overflow-x:hidden}section{padding:3rem 4%!important}main{padding:0}nav{padding:.9rem 3%!important}nav a:first-child{font-size:1.3rem!important}.mobile-menu{padding:1.5rem 4%!important;gap:.8rem}h1{font-size:2.2rem!important;line-height:1.1!important}.hero-role{font-size:.9rem!important;flex-direction:column!important}.hero-role span:first-child{display:none}.avatar-ring{width:200px!important;height:200px!important}.avatar-core{width:150px!important;height:150px!important}.btn-primary,.btn-outline{padding:.55rem 1.2rem!important;font-size:.8rem!important;width:100%;text-align:center}.hero-acts{flex-direction:column!important;gap:.8rem!important;width:100%}h1{font-size:1.8rem!important}h2{font-size:1.4rem!important}h3{font-size:.95rem!important}p{font-size:.85rem!important}.section-label{font-size:.7rem!important;gap:.4rem!important}.section-label:before{width:15px!important}.card{padding:1rem!important;border-radius:12px}.project-card{padding:1rem!important}.skills-grid,.projects-grid,.coding-grid{grid-template-columns:1fr!important;gap:1rem!important}.details-grid{grid-template-columns:1fr!important;gap:.8rem!important}.stat-item{flex:1 1 100%!important;padding:1rem!important;border:none!important;border-bottom:1px solid var(--border)}.stat-item:last-child{border-bottom:none}.contact-card{padding:1.5rem!important}.social-link{font-size:.7rem!important;padding:.35rem .7rem!important}.skill-tag{font-size:.7rem!important;padding:.2rem .5rem!important}.about-grid{text-align:left}.hero-grid{text-align:center}}@media (max-width: 360px){:root{font-size:12px}section{padding:2.5rem 3%!important}nav{padding:.8rem 2%!important}h1{font-size:1.6rem!important}h2{font-size:1.2rem!important}.avatar-ring{width:180px!important;height:180px!important}.avatar-core{width:130px!important;height:130px!important}}