*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f6f6f6;color:#333;overflow-x:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:#fff;border-bottom:1px solid #eaeaea;max-height:45px}.logo{max-width:50px;margin:auto;margin-top:4px}.header-nav{display:flex;flex-wrap:wrap}.header-nav a{margin-left:18px;text-decoration:none;color:#db6b0f;font-size:1rem;font-weight:bold}.header-nav a:hover{opacity:.75}.profile{text-align:center;padding:40px 20px;max-width:700px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:10px 20px;max-width:900px;flex-wrap:wrap}.profile-photo{width:160px;height:160px;object-fit:cover;border-radius:50%;margin-top:20px;margin-bottom:0}.profile-text{max-width:500px}.profile-name{font-size:2rem;font-weight:bold;margin-bottom:6px}.profile-subtitle{font-size:.95rem;margin-bottom:14px;color:#555}.profile-description{text-align:justify;line-height:1.6;font-size:1rem;color:#333}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:30px 20px}.card{background:#fff;width:320px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.08);padding:18px;text-align:center}.card-img{width:100%;height:170px;object-fit:cover;border-radius:8px;margin-bottom:12px}.card h3{margin-bottom:10px;font-size:1.2rem;font-weight:bold}.card p{font-size:.95rem;margin-bottom:18px;line-height:1.5}.btn{display:inline-block;padding:12px 22px;text-decoration:none;background:#3081cc;color:#fff;border-radius:6px;transition:opacity .3s ease;font-weight:bold}.btn:hover{opacity:.85}.footer{margin:20px auto;max-width:320px;padding:12px 20px;background:#db6b0f;color:#fff;border-radius:8px;font-weight:bold;font-size:1rem;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.footer a{text-decoration:none;color:#fff;display:flex;align-items:center;gap:8px;font-weight:bold}.footer a::before{font-size:1.2rem}.footer:hover{background:#e07b1a;transform:scale(1.05)}@media(max-width:600px){body{overflow-x:hidden}.profile{flex-direction:column;text-align:center}.profile-description{text-align:justify}.header{padding:8px 14px}.header-nav{flex-wrap:nowrap}.header-nav a{margin-left:12px;font-size:.9rem;white-space:nowrap}.cards{flex-direction:column;align-items:stretch;gap:16px}.card{width:100%;text-align:justify}.card p{text-align:justify}.profile-description{text-align:justify}}