:where(.page-home){--primary-color:#0d2c54;--secondary-color:#21b2a6;--light-gray:#f8f9fa;--text-dark:#343a40;--text-light:#6c757d;--border-radius:12px;background-color:var(--light-gray);min-height:100vh;font-family:var(--font-poppins), sans-serif;color:var(--text-dark);display:flow-root}:where(.page-home) .profile-page{border-radius:var(--border-radius);background-color:#fff;max-width:800px;margin:4rem auto;transition:margin .3s;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}:where(.page-home) .profile-header{background-color:#000;height:250px;transition:height .3s;position:relative}:where(.page-home) .header-image{object-fit:cover;width:100%;height:100%;padding:2rem}:where(.page-home) .profile-header:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}:where(.page-home) .profile-photo{object-fit:cover;z-index:10;border:5px solid #fff;border-radius:50%;width:160px;height:160px;transition:all .3s;position:absolute;top:250px;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 25px #0003}:where(.page-home) .profile-content{text-align:center;padding:100px 2rem 2rem;transition:padding .3s}:where(.page-home) .profile-name{color:var(--primary-color);font-size:2.25rem;font-weight:700;transition:font-size .3s}:where(.page-home) .profile-title{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;font-size:.9rem;font-weight:500}:where(.page-home) .info-section{color:var(--text-dark);justify-content:center;align-items:flex-start;gap:.75rem;margin:2rem 0;display:flex}:where(.page-home) .info-section .icon{color:var(--secondary-color);margin-top:.1em}:where(.page-home) .action-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}:where(.page-home) .btn-custom{text-transform:uppercase;letter-spacing:.5px;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.8rem;font-weight:600;transition:all .3s;display:inline-flex}:where(.page-home) .btn-custom.btn-primary{background-color:var(--primary-color);color:#fff}:where(.page-home) .btn-custom.btn-primary:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0d2c544d}:where(.page-home) .btn-custom.btn-secondary{background-color:var(--secondary-color);color:#fff}:where(.page-home) .btn-custom.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 4px 15px #21b2a666}:where(.page-home) .btn-custom.btn-outline{color:var(--text-light);border-color:#e0e0e0}:where(.page-home) .btn-custom.btn-outline:hover{background-color:var(--light-gray);color:var(--primary-color);border-color:var(--light-gray)}:where(.page-home) .profile-footer{background-color:var(--light-gray);color:var(--text-light);text-align:center;padding:1.5rem;font-size:.9rem}@media (max-width:768px){:where(.page-home) .profile-page{margin:2rem auto}:where(.page-home) .profile-header{height:220px}:where(.page-home) .profile-photo{width:140px;height:140px;top:220px}:where(.page-home) .profile-content{padding-top:80px}:where(.page-home) .profile-name{font-size:2rem}:where(.page-home) .info-section{flex-direction:column;justify-content:center;align-items:center}}@media (max-width:576px){:where(.page-home) .profile-page{box-shadow:none;border-radius:0;margin:0}:where(.page-home) .profile-header{height:180px}:where(.page-home) .profile-photo{border-width:4px;width:120px;height:120px;top:180px}:where(.page-home) .profile-content{padding:70px 1.5rem 1.5rem}:where(.page-home) .profile-name{font-size:1.75rem}:where(.page-home) .profile-title{margin-bottom:1.5rem;font-size:.8rem}:where(.page-home) .action-buttons{flex-direction:column;gap:.75rem;width:100%;max-width:320px;margin-left:auto;margin-right:auto}:where(.page-home) .btn-custom{justify-content:center;width:100%}:where(.page-home) .info-section{flex-direction:column;justify-content:center;align-items:center}}
