*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff}
.nav{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:18px 8%;backdrop-filter:blur(12px);background:rgba(15,23,42,.55)}
.nav a{color:#fff;text-decoration:none;margin-left:20px}.logo{font-weight:700}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 8%;gap:40px}
.left h1{font-size:56px;line-height:1.1}.tag{color:#f59e0b}.left h2{color:#60a5fa;height:40px}.buttons{margin-top:24px}
.btn{background:#f59e0b;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;margin-right:12px}
.outline{background:transparent;border:2px solid #f59e0b}
.photo{width:320px;height:320px;border-radius:50%;border:3px solid #60a5fa;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);box-shadow:0 0 50px rgba(96,165,250,.4)}
section{padding:100px 8%}footer{text-align:center;padding:30px;background:#020617}