:root{--primary-blue: #7da7c5;--text-dark: #1a1a1a;--text-header: #ffffff;--bg-color: #f5f5f5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Noto Serif",serif;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--text-dark)}.card{background:#fff;width:100%;max-width:800px;box-shadow:0 10px 30px #0000001a;background-color:#fff}.card-header{background-color:var(--primary-blue);display:flex;flex-direction:row;position:relative;overflow:hidden}.header-content{flex:2;padding:40px;display:flex;flex-direction:column;justify-content:center}h1{font-family:Oswald,sans-serif;font-weight:700;font-size:2.5rem;color:#fff;margin-bottom:20px;line-height:1.1;letter-spacing:1px}h2,h3{font-size:1.8rem;font-weight:600;margin-bottom:5px;color:#000}h2{margin-top:10px}.header-content h2,.header-content h3{color:var(--text-dark)}.separator{height:1px;background-color:var(--text-dark);width:100%;margin:5px 0;display:block}.portrait-container{flex:1;display:flex}.portrait{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:30px 40px;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.qr-code-container{flex:0 0 150px}.qr-code{width:100%;height:auto;display:block}.contact-info{text-align:right;display:flex;flex-direction:column;gap:5px;font-size:1.2rem}.contact-link{text-decoration:none;color:var(--text-dark);transition:color .3s ease}.contact-link:hover{color:var(--primary-blue);text-decoration:underline}@media(max-width:576px){.card-header{flex-direction:column-reverse;flex-direction:column}.header-content{padding:20px;text-align:center}.portrait-container{justify-content:center;height:300px}.portrait-container picture{justify-content:center}.card-body{flex-direction:column;gap:20px;text-align:center}.contact-info{text-align:center}h1{font-size:2.2rem}h2,h3{font-size:1.4rem}}