*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:Arial,sans-serif}.navbar{background:#fff;justify-content:space-between;align-items:center;padding:18px 8%;display:flex;box-shadow:0 3px 15px #00000026}.navbar h2{color:#667eea}.nav-links{gap:25px;display:flex}.nav-links a{color:#444;font-weight:700;text-decoration:none}.nav-links a:hover{color:#764ba2}main{justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;display:flex}.profile-card{text-align:center;background:#fff;border-radius:25px;width:400px;padding:30px;transition:all .3s;box-shadow:0 15px 40px #00000040}.profile-card:hover{transform:translateY(-8px)}.profile-image{object-fit:cover;border:5px solid #667eea;border-radius:50%;width:180px;height:180px;margin-bottom:20px}.profile-card h1{color:#333;margin-bottom:8px;font-size:32px}.profile-card h2{color:#764ba2;margin-bottom:20px;font-size:21px}.profile-card p{color:#555;margin-bottom:25px;line-height:1.6}.social-links{justify-content:center;gap:20px;display:flex}.social-links a{color:#fff;background:#667eea;border-radius:20px;padding:10px 20px;font-weight:700;text-decoration:none;transition:all .3s}.social-links a:hover{background:#764ba2;transform:scale(1.05)}footer{text-align:center;color:#555;background:#fff;padding:20px}@media (width<=600px){.navbar{padding:15px 20px}.nav-links{gap:12px}.nav-links a{font-size:14px}.profile-card{width:100%;max-width:380px}.profile-image{width:150px;height:150px}}
