:root{height:100%}body{display:flex;flex-direction:column;justify-content:center;min-height:100vh;margin:0px}.profile-card{background-color:#061124;position:relative;max-width:950px;width:100%;padding:60px 60px 60px 380px;margin:40px auto;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.profile-image-container{position:absolute;left:-40px;top:40px;bottom:-30px;width:360px;background-color:#333}.profile-image-container img{width:100%;height:100%;object-fit:cover;object-position:35% center;box-shadow:rgba(0,0,0,0.2) -6px 4px 12px,rgba(0,0,0,0.1) -2px 2px 4px;display:block}.profile-card .content{color:#a0aec0;font-size:1.1rem;line-height:1.6}.profile-card h1{color:#fff;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:30px;letter-spacing:-0.5px;text-transform:uppercase}.profile-card .subtitle{display:block;font-size:18px;font-weight:400;color:#e2e8f0;margin-top:5px}.profile-card p{margin-bottom:20px}.profile-card .buttons-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:40px}.profile-card .btn{background-color:#fff;color:#2563eb;padding:12px 24px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:background-color 0.2s ease;text-transform:capitalize}.profile-card .btn:hover{background-color:#0a1426}@media (max-width:900px){.profile-card{padding:40px 40px 40px 320px}.profile-image-container{width:300px}.profile-card h1{font-size:2.5rem}.profile-card .subtitle{font-size:1.2rem}}@media (max-width:768px){.profile-card{margin-left:0;padding:40px 30px;display:flex;flex-direction:column}.profile-image-container{position:relative;left:0;top:0;bottom:0;width:100%;height:400px;margin-bottom:30px;margin-top:-60px}}