.usama-wrapper { display: flex; min-height: 100vh; background: #f4f7f9; }
.sidebar { width: 280px; background: #fff; position: fixed; height: 100vh; padding: 40px; text-align: center; border-right: 1px solid #eee; }
.profile img { width: 110px; height: 110px; border-radius: 50%; border: 4px solid #ffb400; margin-bottom: 15px; }
.content { margin-left: 280px; padding: 100px; width: 100%; }
.tag { color: #ffb400; font-weight: 700; }
h1 { font-family: 'Zilla Slab', serif; font-size: 4rem; margin: 20px 0; }
.cta-row { display: flex; align-items: center; gap: 20px; }
.btn { background: #ffb400; padding: 15px 30px; border-radius: 50px; font-weight: 600; text-decoration: none; color: #000; }
.socials { display: flex; gap: 15px; }
.socials a { width: 45px; height: 45px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 20px rgba(0,0,0,0.1); color: #555; transition: 0.3s; }
.socials a:hover { background: #ffb400; color: #fff; transform: translateY(-5px); }