.hotesse-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:var(--transition);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;display:block;overflow:hidden}.hotesse-card:hover{border-color:var(--color-accent);transform:translateY(-8px);box-shadow:0 20px 40px #c4a35a33}.hotesse-card:active{transform:translateY(-4px)scale(.98)}.hotesse-card-image{aspect-ratio:3/4;position:relative;overflow:hidden}.hotesse-card-img{object-fit:cover;transition:transform .3s}.hotesse-card:hover .hotesse-card-img{transform:scale(1.05)}.hotesse-card-placeholder{background:linear-gradient(135deg,var(--color-secondary)0%,var(--color-primary)100%);width:100%;height:100%;color:var(--color-accent);font-size:clamp(3rem,6vw,4rem);font-weight:700;font-family:var(--font-primary);justify-content:center;align-items:center;display:flex}.hotesse-card-content{padding:clamp(.5rem,2vw,1rem) clamp(.75rem,3vw,1rem) clamp(.75rem,3vw,1rem)}.hotesse-card-name{font-size:clamp(1.125rem,2vw + .5rem,1.25rem);font-family:var(--font-primary);margin-bottom:var(--spacing-xs);color:var(--color-text);line-height:1.3}.hotesse-card-description{color:var(--color-text-muted);margin-bottom:var(--spacing-xs);font-size:clamp(.8125rem,1vw + .25rem,.875rem);line-height:1.5}.hotesse-card-badges{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.hotesse-card-badges .badge{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(.7rem,1vw + .25rem,.75rem);font-weight:600;transition:all .2s;display:inline-flex}.hotesse-card-badges .badge:hover{transform:scale(1.05)}.hotesse-card-badges .badge-age{border-color:var(--color-accent);color:var(--color-accent);background-color:#c4a35a1a}.hotesse-card-badges .badge-origin{color:#88f;background-color:#6464ff1a;border-color:#6464ff}.hotesse-card-link{align-items:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);transition:var(--transition);margin-top:4px;padding:4px 0;font-size:clamp(.7rem,1vw + .25rem,.75rem);font-weight:600;display:inline-flex}.hotesse-card:hover .hotesse-card-link{color:var(--color-accent-hover);gap:calc(var(--spacing-xs) + 2px)}@media (max-width:640px){.hotesse-card-image{aspect-ratio:3/4}.hotesse-card-content{padding:.75rem 1rem 1rem}.hotesse-card-badges{gap:6px}.hotesse-card-badges .badge{padding:5px 10px;font-size:.7rem}}@media (max-width:480px){.hotesse-card-placeholder{font-size:3rem}.hotesse-card-name{font-size:1.125rem}.hotesse-card-description{font-size:.8125rem}}
.hotesses-page{padding-bottom:var(--spacing-2xl)}.page-header{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);text-align:center;padding:clamp(2rem,5vw + 1rem,4rem) 0}.page-header-content{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);flex-direction:column;display:flex}.page-header-icon{color:var(--color-accent);width:clamp(40px,8vw,48px);height:clamp(40px,8vw,48px);animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.page-title{color:var(--color-text);margin:0;font-size:clamp(2rem,4vw + 1rem,3rem);line-height:1.2}.page-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:clamp(1rem,1.5vw + .5rem,1.125rem);line-height:1.5}.stats-section{padding:var(--spacing-xl)0;margin-bottom:var(--spacing-lg)}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:400px;margin:0 auto;display:grid}.stat-card{background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);align-items:center;gap:var(--spacing-md);transition:var(--transition);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:clamp(1rem,3vw,1.5rem);display:flex}.stat-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #c4a35a33}.stat-card:active{transform:scale(.98)}.stat-icon{background:linear-gradient(135deg,var(--color-accent)0%,#c4a35acc 100%);border-radius:var(--border-radius);width:50px;height:50px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-content{flex:1}.stat-value{color:var(--color-accent);margin-bottom:var(--spacing-xs);font-size:clamp(1.5rem,3vw + .5rem,2rem);font-weight:700;line-height:1}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.75rem,1vw + .25rem,.875rem)}.no-hotesses{text-align:center;padding:var(--spacing-2xl);background-color:var(--color-card);border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.no-hotesses .empty-icon{color:var(--color-accent);opacity:.6}.no-hotesses h3{color:var(--color-text);margin:0;font-size:1.5rem}.no-hotesses p{color:var(--color-text-muted);margin:0;font-size:1rem}.hotesses-grid{grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem);max-width:450px;margin:0 auto;display:grid}@media (min-width:640px){.hotesses-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);max-width:none}}@media (min-width:900px){.hotesses-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.hotesses-grid{gap:var(--spacing-xl);grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.hotesses-page{padding-bottom:var(--spacing-xl)}.stats-section{padding:var(--spacing-md)0;margin-bottom:var(--spacing-md)}.no-hotesses{padding:var(--spacing-lg)}.no-hotesses h3{font-size:clamp(1.25rem,2vw + .5rem,1.5rem)}.no-hotesses p{font-size:clamp(.875rem,1.5vw + .5rem,1rem)}@media (prefers-reduced-motion:reduce){.page-header-icon{animation:none}}}@media (max-width:480px){.stat-card{padding:var(--spacing-md)}}