*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{line-height:1.6}.app-container{width:100%;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background-color:#0000001a;position:absolute;width:100%;z-index:10}.logo{color:#fff;font-size:2rem;font-weight:700;font-style:italic}.sign-in-btn{background-color:#0009;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:5px}.sign-in-btn:hover{background-color:#20432b;color:#fff}.hero-section{background-image:url(/assets/pexels-subodhbajpaiphotography-2532215-PsY-Og8Z.jpg);background-size:cover;background-position:center;height:100vh;display:flex;align-items:center;position:relative}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.5),transparent)}.me-2{margin-right:.5rem}.hero-content{margin-left:5%;position:relative;z-index:2;color:#fff;max-width:500px}.hero-content h2{font-size:2rem;font-weight:300}.hero-content h1{font-size:3rem;margin-bottom:10px}.member-count{display:inline-block;border:1px solid rgba(255,255,255,.5);padding:10px 25px;border-radius:25px;margin-bottom:20px;cursor:pointer}.member-count:hover{display:inline-block;border:1px solid rgba(255,255,255,.5);padding:10px 25px;border-radius:25px;margin-bottom:20px;background-color:"#20432b"}.search-card{background-color:#fff;border-radius:10px;padding:20px;color:#333;max-width:100%}.gender-selection{margin-bottom:15px}.gender-label{font-size:.9rem;margin-bottom:5px}.gender-options{display:flex;gap:10px}.gender-options button{width:40px;height:40px;border-radius:5px;border:1px solid #ddd;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;cursor:pointer}.gender-options button.active{background-color:#2196f3;color:#fff;border-color:#2196f3}.gender-icon{font-size:1.5rem}.view-singles-btn{background:linear-gradient(to right,#FFC107,#FF5722);color:#fff;border:none;padding:12px;border-radius:25px;width:100%;font-size:1rem;cursor:pointer;margin-top:10px}.members-online-section{padding:40px 5%;background-color:#000;color:#fff}.members-online-section h2{text-align:center;margin-bottom:30px;font-size:2rem}.members-list{display:flex;flex-direction:column;gap:20px;max-width:1000px;margin:0 auto}.member-card{display:flex;background-color:#ffffff1a;border-radius:5px;overflow:hidden}.member-image{flex:0 0 150px}.member-image img{width:100%;height:100%;object-fit:cover}.member-details{padding:15px;flex:1}.member-details h3{color:gold;margin-bottom:10px}.contact-buttons{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}.contact-buttons button{width:40px;height:40px;border-radius:5px;border:none;background-color:#20432b;color:#fff;cursor:pointer;font-size:1.2rem}.contact-buttons button:hover{width:40px;height:40px;border-radius:5px;border:none;background-color:#09792c;color:#fff;cursor:pointer;font-size:1.2rem}.cta-section{padding:60px 5%;background-color:#f5f5f5;text-align:center}.members-online-grid{padding:50px 5%;background-color:#fff;text-align:center}.members-online-grid h2{color:#333;font-size:2rem;margin-bottom:30px}.members-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:900px;margin:0 auto}.member-circle{width:100px;height:100px;border-radius:50%;overflow:hidden;box-shadow:0 3px 10px #0000001a}.member-circle img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.hero-section{background-image:url(/assets/kiss-mobile-2-qblXls3B.jpg)}.member-circle{width:80px;height:80px}}.cta-section h2{color:#4169e1;font-size:2rem;max-width:600px;margin:0 auto 20px}.join-now-btn{background:linear-gradient(to right,#20432b,#175a2c);color:#fff;border:none;padding:12px 40px;border-radius:25px;font-size:1.2rem;cursor:pointer;margin-bottom:10px;display:inline-flex;justify-content:center;align-items:center;gap:10px}.join-now-btn:hover{background:linear-gradient(to right,#07370a,#07510c);color:#fff;border:none;padding:12px 40px;border-radius:25px;font-size:1.2rem;cursor:pointer;margin-bottom:10px;display:inline-flex;justify-content:center;align-items:center;gap:10px}.main-button-top{position:fixed;top:50%;right:0;z-index:10;display:flex;flex-direction:column}.telegram-btn,.whatsapp-btn{font-size:x-large;background:#000}.main-button-bottom{position:fixed;bottom:20px;right:20px;z-index:10;display:flex;flex-direction:column}.whatsapp-btn-bottom-right{font-size:x-large;height:50px;width:50px;padding:10px;border:2px solid #1b93e3;border-radius:50%;background:#1b93e3;color:#fff}.whatsapp-btn-bottom-right:hover{border:2px solid #1b93e3;background:#09792c;color:#fff}.search-card-large{max-width:600px;margin:30px auto 0;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.search-options{display:flex;flex-direction:column;gap:20px}.search-row{display:flex;gap:20px}.age-selection,.distance-selection,.zip-selection{flex:1}.age-inputs,.distance-input{display:flex;align-items:center;gap:10px}.age-inputs input,.distance-input input,.zip-selection input{padding:8px;border:1px solid #ddd;border-radius:5px;width:100%}.footer{background-color:#7d7d7d;padding-top:40px}.top-countries{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #555}.top-countries h3{margin-bottom:15px;color:#333}.country-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1000px;margin:0 auto}.country-links a{display:inline-block;padding:5px 15px;border:1px solid #ddd;border-radius:20px;text-decoration:none;color:#fff;font-size:.9rem;font-weight:700}.footer-columns{display:flex;justify-content:space-between;background-color:#7d7d7d;padding:30px 5%;color:#fff}.footer-column{flex:1;max-width:200px}.footer-column h4{margin-bottom:15px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:8px}.footer-column a{color:#fff;text-decoration:none}.social-icons,.app-buttons{display:flex;gap:10px;margin:10px 0}.social-icon{width:30px;height:30px;background-color:#fff;color:#7d7d7d!important;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none}.app-button{display:inline-block;padding:5px 10px;background-color:#333;color:#fff;border-radius:5px;text-decoration:none;font-size:.8rem}.copyright{text-align:center;padding:15px;background-color:#7d7d7d;color:#fff;font-size:.9rem;border-top:1px solid #ddd}@media (max-width: 768px){.hero-content h1{font-size:2rem}.member-card{flex-direction:column}.member-image{flex:0 0 200px}.footer-columns{flex-direction:column;gap:30px}.footer-column{max-width:100%}.search-row{flex-direction:column}}.feature-section{padding:2rem}.features-grid{display:grid;grid-template-columns:1fr;gap:1rem}.review-section{text-align:center;margin-top:2rem}.review-section h1{font-size:2rem;margin:.5rem 0}.stars{display:flex;justify-content:center;gap:.25rem}.feature-card{padding:1rem;border-radius:1rem;box-shadow:0 0 10px #0000001a;text-align:center}.blue-bg{background-color:#cce4ff}.orange-bg{background-color:#ffe4cc}.green-bg{background-color:#ccffd8}.pink-bg{background-color:#ffd6e0}@media (min-width: 640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.welcome-section{background:linear-gradient(135deg,#a8e6a2,#5dbb63);padding:3rem;text-align:center;border-radius:1rem;color:#fff}.welcome-section h1{font-size:2.5rem;margin-bottom:1rem}.welcome-section p{font-size:1rem;margin-bottom:.5rem}