:root{--bg-color:#0a0a0c;--surface-color:#1a1a1d;--text-primary:#fff;--text-secondary:#a1a1aa;--brand-accent:#25d366;--hover-transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}.profile-container{max-width:1100px;margin:0 auto;padding:40px 20px}.profile-header{background-color:var(--surface-color);border-radius:16px;align-items:center;gap:40px;margin-bottom:50px;padding:40px;display:flex}.profile-avatar img{object-fit:cover;border:4px solid #333;border-radius:50%;width:180px;height:180px}.profile-info h1{letter-spacing:-.5px;margin-bottom:5px;font-size:2.5rem;font-weight:700}.location{color:var(--text-secondary);margin-bottom:15px;font-size:1rem}.bio{color:#d4d4d8;max-width:600px;margin-bottom:30px;font-size:1.1rem}.action-bar{align-items:center;gap:30px;display:flex}.price-tag span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.price-tag h2{color:var(--text-primary);font-size:1.8rem}.whatsapp-btn{background-color:var(--brand-accent);color:#000;transition:var(--hover-transition);border-radius:8px;padding:14px 28px;font-size:1.1rem;font-weight:600;text-decoration:none}.whatsapp-btn:hover{background-color:#20b858;transform:translateY(-2px);box-shadow:0 10px 20px #25d36633}.portfolio-section h3{border-bottom:1px solid #333;margin-bottom:25px;padding-bottom:10px;font-size:1.5rem}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.grid-item{aspect-ratio:4/5;cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.grid-item img{object-fit:cover;width:100%;height:100%;transition:var(--hover-transition)}.grid-item .overlay{opacity:0;transition:var(--hover-transition);background:linear-gradient(#0000,#000000e6);padding:30px 20px 20px;position:absolute;bottom:0;left:0;right:0}.grid-item:hover img{transform:scale(1.05)}.grid-item:hover .overlay{opacity:1}.tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500}@media (width<=768px){.profile-header{text-align:center;flex-direction:column;padding:30px 20px}.action-bar{flex-direction:column;gap:20px}.bio{margin:0 auto 30px}}
