body{background:#1a1a1a;font-family:Roboto,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;box-sizing:border-box}.profile-card{background-color:#4a4a4a;border-radius:20px;overflow:hidden;width:100%;max-width:380px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column}.profile-image{position:relative;height:440px}.profile-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.private-photo-teaser{position:absolute;top:15px;right:15px;width:110px;height:110px;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.5);transition:transform .3s ease}.private-photo-teaser:hover{transform:scale(1.05)}.private-photo-teaser img{filter:blur(3px);transform:scale(1.1)}.private-photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.private-photo-overlay .lock-icon{width:40px;height:40px}.private-photo-overlay span{font-size:.8rem;font-weight:500;margin-top:5px}.profile-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.profile-name{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;color:#fff}.profile-name h1{margin:0;font-size:2rem;font-weight:700;word-wrap:break-word}.status-badges{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.status-online{display:flex;align-items:center;gap:6px;font-weight:500}.status-online:before{content:"";display:block;width:10px;height:10px;background-color:#25d366;border-radius:50%;animation:pulse 2s infinite}.typing-indicator{display:inline-block;vertical-align:middle;margin-left:10px}.typing-indicator span{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#fff;margin:0 1px;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 10px #25d36600}to{box-shadow:0 0 #25d36600}}@keyframes typing{0%,75%,to{transform:translateY(0);opacity:.5}25%{transform:translateY(-5px);opacity:1}}.status-verified,.status-free{padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.status-verified{background-color:#3e6eac;color:#fff}.status-verified:before{content:"✔";margin-right:5px}.status-free{background-color:#d6336c;color:#fff}.profile-details{padding:25px;display:flex;flex-direction:column;gap:20px}.profile-bio{text-align:left;font-size:1rem;line-height:1.5;color:#f0f0f0}.profile-action{text-align:center}.chat-button{display:inline-block;padding:16px 35px;background:linear-gradient(to right,#e53986,#c44086);color:#fff;text-decoration:none;text-align:center;border-radius:30px;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0003}.chat-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1000}.modal-overlay.is-visible{opacity:1;visibility:visible}.modal-content{background:#4a4a4a;color:#f0f0f0;padding:30px;border-radius:15px;width:90%;max-width:450px;text-align:center;transform:scale(.9);transition:transform .3s ease}.modal-overlay.is-visible .modal-content{transform:scale(1)}.modal-content h2{margin-top:0;font-size:1.5rem;color:#fff}.modal-content p{font-size:1.1rem;line-height:1.6;margin-bottom:25px}.trust-features{list-style:none;padding:0;margin:30px 0;text-align:left;display:flex;flex-direction:column;gap:15px}.trust-features li{display:flex;align-items:center;font-size:1rem;color:#c7c7c7}.trust-features svg{width:20px;height:20px;margin-right:15px;color:#25d366;flex-shrink:0}.modal-actions{display:flex;flex-direction:column;gap:15px}.modal-actions .modal-button{display:block;padding:15px;border:none;border-radius:30px;font-size:1.1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease}.modal-button.confirm{background:linear-gradient(to right,#e53986,#c44086);color:#fff}.modal-button.confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e5398666}.modal-button.cancel{background:transparent;color:#f0f0f0}.modal-button.cancel:hover{background:#5f5f5f}@media (max-width: 480px){body{padding:10px}.profile-card{max-width:100%}.profile-image{height:340px}.profile-name h1{font-size:1.8rem}.private-photo-teaser{width:90px;height:90px}.private-photo-overlay .lock-icon{width:30px;height:30px}.private-photo-overlay span{font-size:.7rem}.profile-details{padding:20px;gap:15px}.profile-bio{font-size:.95rem}.chat-button{padding:15px 30px;font-size:1.05rem}.modal-content{padding:25px}.modal-content h2{font-size:1.3rem}.modal-content p{font-size:1rem}.trust-features{margin:20px 0}}