:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #e91e63;--secondary-color: #ff4081;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #2a2a2a;--border-dark: #1a1a1a;--bg-dark: #0a0a0a;--bg-dark-secondary: #121212;--bg-light: #1a1a1a;--bg-white: #1e1e1e;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .5)}body{margin:0;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background-color:var(--bg-dark);display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:60px 20px 80px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px}.age-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.age-gate-modal{background:var(--bg-dark-secondary);border-radius:16px;border:1px solid var(--border-dark);padding:24px 24px 28px;max-width:420px;width:100%;text-align:center;box-shadow:0 18px 45px #000000b3}.age-gate-modal h2{font-size:24px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.age-gate-modal p{font-size:14px;color:var(--text-secondary);margin-bottom:18px}.age-gate-button{padding:10px 22px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:14px;font-weight:600;cursor:pointer}@media (max-width: 768px){.main-content{padding:60px 10px 70px}}.navbar{position:fixed;top:0;left:0;right:0;background:radial-gradient(circle at top left,rgba(233,30,99,.18),transparent 55%),radial-gradient(circle at top right,rgba(255,64,129,.18),transparent 55%),var(--bg-dark-secondary);border-bottom:1px solid rgba(233,30,99,.4);z-index:1000;box-shadow:0 2px 12px #0009}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;height:60px}.nav-logo{cursor:pointer;display:flex;align-items:center;height:100%}.logo-image{height:40px;width:auto;object-fit:contain;transition:transform .2s}.nav-title{flex:1;text-align:center;font-size:20px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(233,30,99,.35)}.nav-logo:hover .logo-image{transform:scale(1.05)}.burger-menu{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.burger-line{width:100%;height:3px;background-color:var(--text-primary);border-radius:3px;transition:all .3s ease;transform-origin:center}.burger-line.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.nav-menu{position:fixed;top:60px;right:-100%;width:300px;height:calc(100vh - 60px);background-color:var(--bg-dark-secondary);border-left:1px solid var(--border-dark);box-shadow:-4px 0 12px #0000004d;transition:right .3s ease;z-index:1000;overflow-y:auto}.nav-menu.open{right:0}.menu-content{padding:20px}.menu-user-info{padding-bottom:20px;border-bottom:1px solid var(--border-dark);margin-bottom:20px}.user-name{font-size:16px;color:var(--text-primary);font-weight:600}.menu-items{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;background-color:transparent;border:none;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%}.menu-item:hover{background-color:var(--bg-dark);color:var(--text-primary)}.menu-item.active{background-color:var(--bg-dark);color:var(--primary-color)}.menu-item svg{flex-shrink:0}.menu-item.logout-item{color:var(--error-color);margin-top:8px;border-top:1px solid var(--border-dark);padding-top:20px}.menu-item.logout-item:hover{background-color:#f443361a;color:#ff6b6b}@media (max-width: 768px){.nav-container{padding:12px 15px}.logo-image{height:32px}.nav-menu{width:280px}}@media (min-width: 769px){.nav-title,.burger-menu{display:none}.nav-menu{position:static;top:auto;right:auto;width:auto;height:auto;background-color:transparent;border-left:none;box-shadow:none;overflow:visible}.menu-overlay{display:none}.menu-content{padding:0;display:flex;align-items:center}.menu-items{flex-direction:row;gap:8px}.menu-item{width:auto;padding:8px 12px}}.profile-card{background-color:var(--bg-dark-secondary);border:1px solid var(--border-dark);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;display:flex;flex-direction:column}.profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--primary-color)}.profile-card-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-dark);background-color:var(--bg-dark-secondary)}.profile-name-section{display:flex;flex-direction:column;gap:6px}.profile-card-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.online-status{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.status-dot.online{background-color:#4caf50;box-shadow:0 0 #4caf50b3}.status-dot.offline{background-color:var(--text-secondary);animation:none}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 #4caf5000}}.status-text{font-size:12px;color:var(--text-secondary);font-weight:500}.profile-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:var(--bg-dark)}.profile-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s,filter .3s}.profile-image.blurred{filter:blur(20px);transform:scale(1.1)}.profile-card:hover .profile-image:not(.blurred){transform:scale(1.05)}.profile-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#00000080);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;justify-content:flex-end;padding:15px;z-index:2}.profile-card:hover .profile-overlay{opacity:1}.overlay-buttons{display:flex;gap:10px}.overlay-btn{min-width:80px;height:36px;border-radius:999px;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:13px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #0000004d;border:none;cursor:pointer}.overlay-btn:hover{background-color:#000000e6;transform:scale(1.1)}.overlay-btn.chat-btn:hover{background-color:#2196f3cc;color:#fff}.overlay-btn.video-btn:hover{background-color:#4caf50cc;color:#fff}.profile-info{padding:20px}.distance{font-size:12px;color:var(--text-secondary);background-color:var(--bg-dark);padding:4px 8px;border-radius:12px;border:1px solid var(--border-dark)}.location{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.bio{font-size:14px;color:var(--text-primary);line-height:1.5;margin-bottom:16px}.profile-actions{display:flex;gap:8px;justify-content:center;padding-top:12px;border-top:1px solid var(--border-dark)}.action-btn{padding:10px 18px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:all .2s;border:2px solid var(--border-dark);background-color:var(--bg-dark);color:var(--text-primary);cursor:pointer}.action-btn.chat-action{border-color:#2196f3;color:#2196f3}.action-btn.chat-action:hover{background-color:#2196f3;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #2196f34d}.action-btn.video-action{border-color:#4caf50;color:#4caf50}.action-btn.video-action:hover{background-color:#4caf50;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #4caf504d}@media (max-width: 480px){.profile-card-header{padding:12px 16px}.profile-card-header h3{font-size:16px}.profile-info{padding:16px}.action-btn{padding:8px 14px;font-size:13px}}.skeleton-profile-card{background-color:var(--bg-dark-secondary);border:1px solid var(--border-dark);border-radius:12px;overflow:hidden;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-dark);background-color:var(--bg-dark-secondary)}.skeleton-name-section{display:flex;flex-direction:column;gap:8px}.skeleton-status{width:60px;height:12px;border-radius:4px}.skeleton-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:var(--bg-dark)}.skeleton-image{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--bg-dark) 0%,var(--bg-dark-secondary) 50%,var(--bg-dark) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-info{padding:20px}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.skeleton-title{width:120px;height:20px;border-radius:4px}.skeleton-badge{width:80px;height:20px;border-radius:12px}.skeleton-location{width:100px;height:14px;border-radius:4px;margin-bottom:12px}.skeleton-bio{width:100%;height:14px;border-radius:4px;margin-bottom:8px}.skeleton-bio-short{width:70%;height:14px;border-radius:4px;margin-bottom:16px}.skeleton-actions{display:flex;gap:8px;justify-content:center;padding-top:12px;border-top:1px solid var(--border-dark)}.skeleton-button{width:44px;height:44px;border-radius:50%;background:linear-gradient(90deg,var(--bg-dark) 0%,var(--bg-dark-secondary) 50%,var(--bg-dark) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text{background:linear-gradient(90deg,var(--bg-dark) 0%,var(--bg-dark-secondary) 50%,var(--bg-dark) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@media (max-width: 480px){.skeleton-info{padding:16px}.skeleton-title{width:100px;height:18px}.skeleton-button{width:40px;height:40px}}.feed-container{width:100%}.feed-header{text-align:center;margin-bottom:32px;padding-top:20px}.feed-toggle{display:inline-flex;background-color:var(--bg-dark-secondary);padding:4px;border-radius:999px;border:1px solid var(--border-dark);box-shadow:var(--shadow);gap:4px}.feed-toggle-btn{min-width:110px;padding:8px 18px;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;transition:background-color .2s,color .2s,transform .1s}.feed-toggle-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;transform:translateY(-1px)}.feed-toggle-btn:hover{color:var(--text-primary)}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding-bottom:40px}@media (max-width: 768px){.feed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}.loading,.no-profiles{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:18px}.massage-card{background-color:var(--bg-dark-secondary);border:1px solid var(--border-dark);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.massage-image-wrapper{position:relative;width:100%;padding-top:60%;overflow:hidden;background-color:var(--bg-dark)}.massage-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.massage-info{padding:16px 18px 18px}.massage-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.massage-location{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.massage-description{font-size:14px;color:var(--text-primary);line-height:1.4}.massage-call-now-btn{margin-top:4px;padding:6px 14px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:13px;font-weight:500;cursor:pointer}.massage-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.massage-modal{background-color:var(--bg-dark-secondary);border-radius:12px;border:1px solid var(--border-dark);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-hover)}.massage-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-dark)}.massage-modal-header h2{font-size:20px;font-weight:600}.massage-modal-close{border:none;background:transparent;color:var(--text-secondary);font-size:24px;cursor:pointer}.massage-modal-body{padding:16px 20px 8px}.massage-modal-image-wrapper{width:100%;padding-top:60%;position:relative;overflow:hidden;border-radius:10px;margin-bottom:12px;background-color:var(--bg-dark)}.massage-modal-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.massage-phone{font-size:14px;color:var(--text-primary);margin-top:6px}.massage-modal-actions{padding:12px 20px 18px;border-top:1px solid var(--border-dark);display:flex;justify-content:flex-end}.call-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;border:none}@media (max-width: 480px){.feed-grid{grid-template-columns:1fr;gap:20px}}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow-y:auto}.payment-modal{background-color:var(--bg-dark-secondary);border:1px solid var(--border-dark);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-dark);background:linear-gradient(135deg,#4caf501a,#66bb6a0d)}.payment-modal-header h2{font-size:24px;font-weight:700;color:#4caf50;margin:0}.close-btn{width:32px;height:32px;border-radius:8px;background-color:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border-dark);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background-color:var(--bg-dark-secondary);border-color:var(--text-secondary)}.payment-modal-content{padding:24px}.payment-section{margin-bottom:32px}.payment-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.receipt-upload-area{border:2px dashed #4caf50;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background-color:#4caf500d;margin-bottom:12px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.receipt-upload-area:hover{border-color:#66bb6a;background-color:#4caf501a}.upload-icon{font-size:48px;margin-bottom:12px}.receipt-upload-area p{color:var(--text-secondary);font-size:14px;margin:0}.receipt-preview{max-width:100%;max-height:300px;border-radius:8px;object-fit:contain}.upload-receipt-btn{width:100%;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;background-color:#4caf50;color:#fff;border:none;cursor:pointer;transition:all .2s}.upload-receipt-btn:hover:not(:disabled){background-color:#66bb6a;transform:translateY(-2px)}.upload-receipt-btn:disabled{opacity:.6;cursor:not-allowed}.payment-instructions{background-color:var(--bg-dark);border:1px solid var(--border-dark);border-radius:12px;padding:20px;margin-bottom:24px}.instructions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.instructions-header span{font-size:16px;font-weight:600;color:var(--text-primary)}.lang-toggle{padding:4px 12px;border-radius:6px;background-color:#4caf50;color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer}.instructions-list{color:var(--text-secondary);font-size:14px;line-height:1.8;padding-left:20px;margin:0}.instructions-list li{margin-bottom:8px}.payment-accounts{display:flex;flex-direction:column;gap:16px}.account-item{display:flex;flex-direction:column;gap:8px}.account-label{font-size:16px;font-weight:600;color:#4caf50}.account-number-box{display:flex;align-items:center;gap:8px;background-color:var(--bg-dark);border:1px solid #4caf50;border-radius:8px;padding:12px 16px}.account-number{flex:1;color:var(--text-primary);font-size:15px;font-weight:500}.copy-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;transition:transform .2s}.copy-btn:hover{transform:scale(1.1)}.account-name{display:flex;align-items:center;gap:8px;margin-top:8px}.name-label{font-size:16px;font-weight:600;color:#4caf50}.name-value{color:var(--text-secondary);font-size:15px}.plan-features-summary{background-color:var(--bg-dark);border:1px solid var(--border-dark);border-radius:12px;padding:20px;margin-bottom:24px}.plan-features-summary h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.plan-features-summary ul{list-style:none;padding:0;margin:0}.plan-features-summary li{color:var(--text-secondary);font-size:14px;padding:6px 0 6px 20px;position:relative}.plan-features-summary li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:600}.submit-payment-btn{width:100%;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;cursor:pointer;transition:all .3s}.submit-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.submit-payment-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.payment-modal{max-width:100%;border-radius:12px}.payment-modal-content{padding:20px}.receipt-upload-area{min-height:150px;padding:30px 15px}}.subscription-page{min-height:calc(100vh - 140px);padding:40px 20px}.subscription-container{max-width:1200px;margin:0 auto}.subscription-header{text-align:center;margin-bottom:60px}.subscription-audio-card{margin:24px auto 0;max-width:640px;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#e91e631f,#ff408114);border:1px solid rgba(255,64,129,.4);box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;gap:10px}.subscription-audio-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.subscription-audio-info p{margin:0;font-size:14px;color:var(--text-secondary)}.audio-badge{display:inline-block;padding:2px 10px;margin-bottom:6px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#0006;color:#fff}.subscription-audio{width:100%;margin-top:4px;border-radius:999px;overflow:hidden;background:#0006;box-shadow:0 6px 20px #0009}.subscription-audio::-webkit-media-controls-panel{background:linear-gradient(135deg,#000c,#e91e63cc)}.subscription-audio::-webkit-media-controls-play-button,.subscription-audio::-webkit-media-controls-mute-button,.subscription-audio::-webkit-media-controls-timeline,.subscription-audio::-webkit-media-controls-current-time-display,.subscription-audio::-webkit-media-controls-time-remaining-display,.subscription-audio::-webkit-media-controls-volume-slider{filter:drop-shadow(0 0 4px rgba(0,0,0,.7))}.subscription-header h1{font-size:42px;font-weight:700;color:var(--text-primary);margin-bottom:12px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subscription-header p{font-size:18px;color:var(--text-secondary)}.subscription-status{margin-top:16px;padding:12px 20px;background-color:#4caf5033;border:1px solid var(--success-color);border-radius:8px;display:inline-block}.subscription-status p{color:var(--success-color);font-size:14px;font-weight:600;margin:0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:80px}.plan-card{background-color:var(--bg-dark-secondary);border:2px solid var(--border-dark);border-radius:16px;padding:32px;position:relative;transition:all .3s;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 8px 24px #e91e6333}.plan-card.popular{border-color:var(--primary-color);background:linear-gradient(135deg,#e91e631a,#ff40810d)}.plan-card.selected{border-color:var(--secondary-color);box-shadow:0 0 0 3px #ff408133}.popular-badge,.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:6px 20px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recommended-badge{background:linear-gradient(135deg,#4caf50,#66bb6a)}.plan-card.recommended{border-color:#4caf50;background:linear-gradient(135deg,#4caf501a,#66bb6a0d)}.plan-header{margin-bottom:32px;text-align:center}.plan-header h3{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;flex-wrap:wrap}.plan-price .price{font-size:48px;font-weight:700;color:var(--text-primary)}.plan-price .currency{font-size:24px;font-weight:600;color:var(--text-secondary);margin-left:4px}.plan-price .period{font-size:16px;color:var(--text-secondary);margin-left:4px}.plan-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.plan-features li{display:flex;align-items:center;gap:12px;padding:12px 0;color:var(--text-primary);font-size:15px;border-bottom:1px solid var(--border-dark)}.plan-features li:last-child{border-bottom:none}.plan-features li svg{color:var(--primary-color);flex-shrink:0}.subscribe-btn{width:100%;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;background-color:var(--bg-dark);color:var(--text-primary);border:2px solid var(--border-dark);transition:all .3s;cursor:pointer}.subscribe-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #e91e634d}.subscribe-btn.popular-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent}.subscribe-btn.popular-btn:hover{opacity:.9;box-shadow:0 6px 20px #e91e6366}.why-choose{margin-top:80px;margin-bottom:80px}.why-choose h2{font-size:32px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:40px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-item{background-color:var(--bg-dark-secondary);border:1px solid var(--border-dark);border-radius:12px;padding:32px;text-align:center;transition:all .2s}.feature-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #e91e631a;transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-item h4{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.feature-item p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.subscription-faq{margin-top:80px}.subscription-faq h2{font-size:32px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:40px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.faq-item{background-color:var(--bg-dark-secondary);border:1px solid var(--border-dark);border-radius:12px;padding:24px;transition:all .2s}.faq-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #e91e631a}.faq-item h4{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.faq-item p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.subscription-header h1{font-size:32px}.subscription-audio-card{padding:14px 16px}.plans-grid{grid-template-columns:1fr;gap:24px}.plan-card{padding:24px}.plan-price .price{font-size:40px}.faq-grid{grid-template-columns:1fr}}.footer{background-color:var(--bg-dark-secondary);border-top:1px solid var(--border-dark);margin-top:auto;padding:40px 20px 20px}.footer-container{max-width:1200px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-logo{height:50px;width:auto;object-fit:contain;margin-bottom:12px;display:block}.footer-section h4{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.footer-section h5{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.footer-section p{font-size:14px;color:var(--text-secondary);line-height:1.6}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .2s}.footer-section ul li a:hover{color:var(--primary-color)}.social-links{display:flex;gap:16px;margin-top:8px}.social-links a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;border-radius:8px;background-color:var(--bg-dark)}.social-links a:hover{color:var(--primary-color);background-color:var(--bg-dark-secondary);transform:translateY(-2px)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:20px;border-top:1px solid var(--border-dark);text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width: 768px){.footer-container{grid-template-columns:repeat(2,1fr);gap:30px}.footer{padding:30px 15px 15px}}@media (max-width: 480px){.footer-container{grid-template-columns:1fr;gap:30px}}.auth-container{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{background-color:var(--bg-dark-secondary);border:1px solid var(--border-dark);border-radius:16px;padding:40px;width:100%;max-width:450px;box-shadow:var(--shadow-hover)}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.auth-header p{font-size:16px;color:var(--text-secondary);margin:0}.auth-error{background-color:#f4433633;border:1px solid var(--error-color);color:var(--error-color);padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{padding:12px 16px;border:1px solid var(--border-dark);border-radius:8px;background-color:var(--bg-dark);color:var(--text-primary);font-size:15px;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e91e631a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:var(--text-secondary)}.auth-button{padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;cursor:pointer;transition:all .2s;margin-top:8px}.auth-button:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #e91e634d}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid var(--border-dark)}.auth-switch p{font-size:14px;color:var(--text-secondary);margin:0}.switch-button{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;transition:color .2s}.switch-button:hover{color:var(--secondary-color)}@media (max-width: 480px){.auth-card{padding:30px 20px}.auth-header h1{font-size:28px}}.profile-detail-page{max-width:1200px;margin:0 auto}.back-button{margin-bottom:16px;padding:8px 16px;border-radius:999px;border:1px solid var(--border-dark);background-color:var(--bg-dark-secondary);color:var(--text-secondary);font-size:14px;cursor:pointer}.back-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.detail-card{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;background-color:var(--bg-dark-secondary);border-radius:16px;border:1px solid var(--border-dark);overflow:hidden;box-shadow:var(--shadow-hover)}.detail-image-section{position:relative;min-height:320px;background-color:var(--bg-dark)}.detail-image{width:100%;height:100%;object-fit:cover;display:block}.detail-image.blurred{filter:blur(20px);transform:scale(1.05)}.detail-info-section{padding:24px;display:flex;flex-direction:column;gap:16px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detail-header h1{font-size:28px;margin:0;color:var(--text-primary)}.detail-location{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.detail-status{display:flex;align-items:center;gap:6px}.detail-bio{color:var(--text-primary);font-size:15px;line-height:1.6}.detail-actions{margin-top:auto;display:flex;gap:12px}.detail-action{flex:1;padding:12px 16px;border-radius:999px;border:1px solid var(--border-dark);background-color:var(--bg-dark);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.detail-action.chat{border-color:#2196f3;color:#2196f3}.detail-action.chat:hover{background-color:#2196f3;color:#fff}.detail-action.video{border-color:#4caf50;color:#4caf50}.detail-action.video:hover{background-color:#4caf50;color:#fff}.detail-action.meet{border-color:#ff9800;color:#ff9800}.detail-action.meet:hover{background-color:#ff9800;color:#fff}@media (max-width: 768px){.detail-card{grid-template-columns:1fr}}.chat-page{max-width:900px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 160px);background-color:var(--bg-dark-secondary);border-radius:16px;border:1px solid var(--border-dark);overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-dark)}.chat-user-info{display:flex;align-items:center;gap:12px}.chat-user-info h2{font-size:18px;margin:0}.chat-user-info p{margin:0;font-size:12px;color:var(--text-secondary)}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-dark)}.chat-body{flex:1;padding:16px;overflow-y:auto}.chat-messages{display:flex;flex-direction:column;gap:12px}.message{max-width:70%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5}.message.received{background-color:var(--bg-dark);color:var(--text-primary);align-self:flex-start}.message.sent{background-color:var(--primary-color);color:#fff;align-self:flex-end}.chat-input-bar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-dark)}.chat-input-bar input{flex:1;padding:10px 14px;border-radius:999px;border:1px solid var(--border-dark);background-color:var(--bg-dark);color:var(--text-primary)}.chat-input-bar button{padding:10px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:600}@media (max-width: 768px){.chat-page{height:calc(100vh - 140px)}}.chat-list-page{width:100%}.chat-list-card{max-width:900px;margin:0 auto;background-color:var(--bg-dark-secondary);border-radius:16px;border:1px solid var(--border-dark);padding:16px 18px 20px;box-shadow:var(--shadow)}.chat-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chat-list-header h1{font-size:22px;color:var(--text-primary)}.chat-list-empty{padding:40px 10px;text-align:center;color:var(--text-secondary);font-size:14px}.chat-list{list-style:none;margin:0;padding:0}.chat-list-item{display:flex;align-items:center;gap:12px;padding:10px 4px;border-radius:10px;cursor:pointer;transition:background-color .2s}.chat-list-item:hover{background-color:var(--bg-dark)}.chat-list-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--border-dark)}.chat-list-info{flex:1;display:flex;flex-direction:column;gap:2px}.chat-list-top{display:flex;justify-content:space-between;align-items:center}.chat-list-name{font-size:15px;font-weight:600;color:var(--text-primary)}.chat-list-time{font-size:12px;color:var(--text-secondary)}.chat-list-subtitle{font-size:13px;color:var(--text-secondary)}@media (max-width: 768px){.chat-list-card{padding:14px 12px 16px}}.user-profile-page{width:100%}.user-profile-card{background-color:var(--bg-dark-secondary);border-radius:16px;border:1px solid var(--border-dark);padding:24px 24px 28px;box-shadow:var(--shadow)}.user-profile-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.user-profile-header p{font-size:14px;color:var(--text-secondary)}.user-profile-layout{margin-top:20px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:28px}.user-profile-section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.user-profile-alert{padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}.user-profile-alert.error{background-color:#f4433626;color:var(--error-color);border:1px solid rgba(244,67,54,.4)}.user-profile-alert.success{background-color:#4caf5026;color:var(--success-color);border:1px solid rgba(76,175,80,.4)}.user-profile-form .form-group{margin-bottom:16px}.user-profile-form label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.user-profile-form input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-dark);background-color:var(--bg-dark);color:var(--text-primary);font-size:14px}.user-profile-form input:focus{outline:none;border-color:var(--primary-color)}.user-profile-actions{margin-top:8px}.user-profile-save-btn{padding:10px 20px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:14px;font-weight:600;cursor:pointer}.user-profile-section.subscription{border-left:1px solid var(--border-dark);padding-left:20px}.subscription-summary p{font-size:14px;color:var(--text-secondary);margin-bottom:6px}.user-profile-subscription-btn{margin-top:10px;padding:10px 18px;border-radius:999px;border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);font-size:14px;font-weight:600;cursor:pointer}@media (max-width: 768px){.user-profile-layout{grid-template-columns:1fr}.user-profile-section.subscription{border-left:none;padding-left:0;border-top:1px solid var(--border-dark);padding-top:16px}}.massage-details-page{width:100%}.massage-details-back{border:none;background:transparent;color:var(--text-secondary);font-size:14px;margin-bottom:16px;cursor:pointer}.massage-details-card{background-color:var(--bg-dark-secondary);border-radius:16px;border:1px solid var(--border-dark);overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow)}.massage-details-image-wrapper{width:100%;padding-top:100%;position:relative;overflow:hidden;background-color:var(--bg-dark)}.massage-details-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.massage-details-info{padding:16px 18px 20px}.massage-details-info h1{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.massage-details-location{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.massage-details-description{font-size:14px;color:var(--text-primary);line-height:1.5;margin-bottom:8px}.massage-details-phone{font-size:14px;color:var(--text-primary);margin-bottom:8px}.massage-details-call-btn{padding:10px 20px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:14px;font-weight:600;cursor:pointer}.massage-details-models-section{margin-top:24px}.massage-details-models-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.massage-details-models-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.massage-details-note{font-size:13px;color:var(--text-secondary)}.massage-details-models-loading,.massage-details-models-empty{font-size:14px;color:var(--text-secondary)}.massage-details-models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.massage-details-model-tile{position:relative;width:100%;padding-top:120%;overflow:hidden;border-radius:12px;background-color:var(--bg-dark)}.massage-details-model-tile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.massage-details-model-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:8px}.massage-details-model-name{font-size:13px;font-weight:600;color:#fff}.massage-details-model-location{font-size:11px;color:#f1f1f1}.massage-details-models-blurred .massage-details-model-tile{cursor:pointer}.massage-details-models-blurred .massage-details-model-tile img{filter:blur(18px);transform:scale(1.05)}.massage-details-models-blurred .massage-details-model-overlay{opacity:0}@media (max-width: 480px){.massage-details-info h1{font-size:20px}}
