/*
Theme Name: LoveMeet Landing
Theme URI: https://lovemeet.eu/
Description: LoveMeet GEO landing
Version: 3.0
Author: LoveMeet
*/
:root{--bg:#f8f5f7;--ink:#19161b;--muted:#6f6870;--pink:#e93369;--pink2:#ff4b80;--green:#19b85c}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden}
.page{width:min(1020px,calc(100% - 28px));margin:auto;padding:28px 0 42px;position:relative;z-index:2}
.brand{text-align:center;font-size:30px;font-weight:900;letter-spacing:-1.3px;line-height:1}
.brand b{color:var(--pink);font-size:21px;margin-left:2px}
.online{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;color:#716a71;font-size:12px;font-weight:600}
.online i{display:block;width:7px;height:7px;background:#10b957;border-radius:50%}
.hero{text-align:center}
h1{margin:31px 0 7px;font-size:39px;line-height:1.1;letter-spacing:-1.7px;font-weight:900}
h1 .pink{color:var(--pink)}
.subtitle{margin:0 auto;color:var(--muted);font-size:16px;line-height:1.45}
.trust{margin:23px auto 19px;border:1px solid #bde8ce;background:#effbf3;min-height:77px;padding:15px 18px;display:flex;align-items:center;text-align:left}
.check{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#19b85c;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;margin-right:13px}
.trust strong{display:block;color:#1f7142;font-size:15px;margin-bottom:4px;line-height:1.2}
.trust span{display:block;color:#4c755d;font-size:13px;line-height:1.2}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{position:relative;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 7px 22px rgba(45,25,35,.11);cursor:pointer;transition:.18s}
.card:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(45,25,35,.15)}
.card img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.pic-heart{position:absolute;right:9px;top:9px;width:27px;height:27px;border-radius:50%;background:var(--pink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900}
.start-box{margin:22px auto 0;background:#fff;border:1px solid #e7a2b8;border-radius:8px;padding:21px 20px 19px}
.start-box h2{margin:0 0 9px;font-size:16px;line-height:1.2}
.start-box h2 em{color:#16b85a;font-style:normal}
.start-box p{margin:0 0 14px;color:#777078;font-size:13px}
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.perk{border:1px solid #bce6ca;background:#f2fbf5;color:#207744;border-radius:5px;padding:9px 7px;text-align:center;font-size:11px}
.cta{display:block;width:min(510px,100%);margin:22px auto 0;border:0;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff;padding:16px 20px;font-size:17px;font-weight:900;letter-spacing:.3px;cursor:pointer;box-shadow:0 10px 25px rgba(233,51,105,.24)}
.note{text-align:center;margin-top:12px;color:#8b838a;font-size:11px}
.hearts{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.float{position:absolute;bottom:-30px;color:#ee9bb4;opacity:.20;animation:rise linear infinite}
.float:nth-child(1){left:7%;font-size:18px;animation-duration:12s}
.float:nth-child(2){left:19%;font-size:13px;animation-duration:15s;animation-delay:2s}
.float:nth-child(3){left:34%;font-size:20px;animation-duration:11s;animation-delay:4s}
.float:nth-child(4){left:52%;font-size:14px;animation-duration:14s;animation-delay:1s}
.float:nth-child(5){left:67%;font-size:19px;animation-duration:13s;animation-delay:5s}
.float:nth-child(6){left:79%;font-size:13px;animation-duration:10s;animation-delay:3s}
.float:nth-child(7){left:91%;font-size:18px;animation-duration:15s;animation-delay:6s}
@keyframes rise{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:.20}85%{opacity:.13}100%{transform:translateY(-110vh) rotate(18deg);opacity:0}}
.modal{position:fixed;inset:0;background:rgba(25,18,22,.48);display:none;align-items:center;justify-content:center;padding:18px;z-index:20}
.modal.open{display:flex}
.modal-card{width:min(538px,100%);background:#fff;border-radius:19px;padding:25px 20px 20px;position:relative;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.27)}
.modal-close{position:absolute;right:19px;top:16px;border:0;background:none;color:#81777e;font-size:23px;line-height:1;cursor:pointer}
.modal-heart{color:var(--pink);font-size:21px;margin-bottom:8px}
.modal-card h2{margin:0;font-size:24px;letter-spacing:-.4px}
.modal-card p{margin:8px 0 15px;color:#8a8188;font-size:12px}
.age{display:block;width:100%;border:0;border-radius:12px;padding:16px 12px;margin-top:10px;font-size:15px;font-weight:900;cursor:pointer}
.age.primary{background:var(--pink);color:#fff;box-shadow:0 7px 15px rgba(233,51,105,.18)}
.age.secondary{background:#f5eaee;color:#4b4148;border:1px solid #e4cfd6}
@media(max-width:700px){
.page{width:calc(100% - 18px);padding-top:18px}
.brand{font-size:28px}
h1{font-size:26px;letter-spacing:-.8px;margin-top:26px}
.subtitle{font-size:14px}
.trust{margin-top:17px;margin-bottom:16px;padding:12px 13px;min-height:0}
.check{width:25px;height:25px;flex-basis:25px;font-size:15px;margin-right:10px}
.trust strong{font-size:13px}.trust span{font-size:11.5px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.card{border-radius:9px}
.pic-heart{width:24px;height:24px;right:7px;top:7px;font-size:13px}
.start-box{padding:17px 14px 15px}
.start-box h2{font-size:15px}.start-box p{font-size:12px}
.perks{grid-template-columns:1fr;gap:7px}
.perk{padding:8px}
.cta{font-size:15px;padding:14px 16px}
.modal-card{width:min(94vw,538px);padding:23px 16px 18px}
.modal-card h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.float{display:none}.card{transition:none}}