:root{--bg-color:#050505;--accent:#10b981;--text-primary:#fff;--text-muted:#a1a1aa;--glass:rgba(255,255,255,.03);--border:rgba(255,255,255,.08)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#050505;color:#fff;font-family:'Inter',-apple-system,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}.main{width:100%;max-width:1200px;margin:0 auto;padding:0 5%}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.08)}.name{font-size:1.25rem;font-weight:800;letter-spacing:-.5px;white-space:nowrap}ul{display:flex;list-style:none;gap:24px}.nav-link{text-decoration:none;color:#a1a1aa;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:.3s ease}.nav-link:hover{color:#10b981}.hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:60px;padding:80px 0}.hero>div{flex:1}.hero img{width:100%;max-width:420px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.08);filter:grayscale(40%);transition:.5s ease}.hero:hover img{filter:grayscale(0%);border-color:#10b981}.head{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;font-weight:800;margin-bottom:24px;background:linear-gradient(to right,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sub{font-size:1.15rem;color:#a1a1aa;max-width:540px}@media(max-width:1024px){.hero{gap:40px;padding:60px 0}.hero img{max-width:350px}}@media(max-width:768px){.header{flex-direction:column;gap:20px;text-align:center}ul{gap:15px}.hero{flex-direction:column-reverse;text-align:center;gap:40px;padding:40px 0}.hero img{max-width:280px;border-radius:50%}.sub{margin:0 auto}}@media(max-width:480px){.main{padding:0 20px}ul{flex-wrap:wrap;justify-content:center}.nav-link{font-size:.75rem}.head{font-size:1.75rem}.sub{font-size:1rem}.hero img{max-width:200px}}