*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0e1d4d;min-height:100vh;user-select:none;-webkit-user-select:none;margin:0}body.no-scroll{overflow:hidden;height:100vh}.app{max-width:430px;margin:0 auto;min-height:100vh;display:block;background:#0e1d4d;overflow-x:hidden}.app.swipe-mode{height:100vh;overflow:hidden}.app.contacts-mode{min-height:100vh;height:auto;overflow-y:auto}.app.intro-mode{min-height:100vh;height:100vh;overflow:hidden}.intro-screen{min-height:100vh;display:flex;align-items:top;justify-content:center;padding:20px;color:#fff}.intro-content{text-align:center;max-width:400px;width:100%}.intro-title{font-size:32px;font-weight:300;color:#fff;margin-bottom:20px;line-height:1}.intro-logo-section{margin:0}.intro-logo-container{display:flex;align-items:center;justify-content:center;gap:0}.intro-logo{width:80%;height:80px;margin-left:0;object-fit:contain}.intro-subtitle{margin:20px 0}.intro-tagline{font-size:20px;color:#fff;margin-bottom:10px;font-weight:300}.intro-highlight{font-size:20px;color:#fff;font-weight:300;line-height:1.3}.highlight-pink{color:#e4208d;font-weight:900}.intro-separator{width:80%;height:2px;background:#ffffff4d;margin:40px auto}.intro-description{margin:0 0 40px}.intro-text{font-size:16px;font-style:italic;color:#ffffffe6;line-height:1.5;margin-bottom:20px}.intro-text em{font-style:italic;color:#fff}.intro-start-btn{background:#e4208d;color:#fff;border:none;border-radius:50px;padding:20px;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #e4208d4d;letter-spacing:1px}.intro-start-btn:hover{background:#c91c7a;transform:translateY(-2px);box-shadow:0 15px 40px #e4208d66}.intro-start-btn:active{transform:translateY(0)}@media (max-width: 375px){.intro-screen{padding:30px 20px}.intro-title{font-size:28px}.intro-logo{width:60px;height:60px;margin-left:15px}.intro-tagline,.intro-highlight{font-size:18px}.intro-text{font-size:14px}.intro-start-btn{padding:18px 35px;font-size:18px}}.explanation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.explanation-image{width:390px;height:844px;object-fit:contain;min-width:390px;min-height:844px}@media (min-width: 391px) or (min-height: 845px){.explanation-image{width:100vw;height:100vh;object-fit:contain;max-width:none;max-height:none}}@media (max-width: 390px) and (max-height: 844px){.explanation-image{width:390px;height:844px;object-fit:none;object-position:center}}@media screen and (orientation: landscape) and (max-height: 500px){.app{display:none!important}body:after{content:"📱 Veuillez tourner votre téléphone en mode portrait";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:600;text-align:center;z-index:9999;background:#000c;padding:30px;border-radius:20px;white-space:nowrap}}.header{background:#0e1d4d;padding:12px 25px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;min-height:70px;width:100%}.logo{display:flex;align-items:center;cursor:pointer;transition:all .2s ease}.logo:hover{opacity:.8;transform:scale(1.05)}.logo-image{height:50px;width:auto;object-fit:contain}.match-counter{background:#fff3;padding:10px 15px;border-radius:25px;display:flex;align-items:center;gap:8px;color:#fff;font-weight:500;font-size:16px;cursor:pointer;transition:all .2s ease}.match-counter:hover{background:#ffffff4d;transform:scale(1.05)}.heart{font-size:18px}.card-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 15px;position:relative}.card{width:360px;height:520px;background:#fff;border-radius:25px;box-shadow:0 25px 50px #0003;overflow:hidden;cursor:grab;position:relative;transition:transform .3s ease-out;margin:0 auto;display:inline-block}.card:active{cursor:grabbing}.card-image{width:100%;height:100%;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.info-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:15;box-shadow:0 2px 8px #0003}.info-btn span{font-size:16px;font-weight:700;color:#0e1d4d;font-style:italic}.info-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.info-btn:active,.close-btn:active{transform:scale(.95)}.like-overlay{position:absolute;top:40%;left:35%;transform:translate(-50%,-50%) rotate(-20deg);background:#4caf50;color:#fff;padding:15px 30px;border-radius:15px;font-weight:700;font-size:20px;box-shadow:0 6px 20px #0006;pointer-events:none;z-index:10}.pass-overlay{position:absolute;top:40%;left:65%;transform:translate(-50%,-50%) rotate(20deg);background:#f44336;color:#fff;padding:15px 30px;border-radius:15px;font-weight:700;font-size:20px;box-shadow:0 6px 20px #0006;pointer-events:none;z-index:10}.card-info{position:absolute;bottom:0;left:0;right:0;padding:40px 18px 60px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.4) 80%,transparent 100%);min-height:140px;z-index:5}.card-info.details-mode{top:0;bottom:0;padding:20px;min-height:100%;background:#000000bf;overscroll-behavior:contain;touch-action:pan-y}.details-content{height:100%;display:flex;flex-direction:column;gap:20px;overscroll-behavior:contain}.details-logo{width:120px;height:auto;object-fit:contain;align-self:flex-start}.details-text{flex:1;color:#ffffffe6;font-size:14px;line-height:1.5;overflow-y:auto;padding-right:5px;text-align:justify;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.details-content .vcard-btn{background:#e4208d;color:#fff;width:100%;max-width:250px;padding:10px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin:20px auto 40px;align-self:center;text-align:center}.stats-container{display:flex;flex-direction:column;gap:30px;padding:20px 0}.stat-item{text-align:center}.stat-number{font-size:42px;font-weight:900;color:#ec008c;line-height:1;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.stat-subtitle{font-size:16px;font-weight:400;color:#ffffffe6;line-height:1.3}.simple-text{text-align:center;padding:20px 0;font-size:16px;color:#ffffffe6;line-height:1.5}.details-text::-webkit-scrollbar{width:4px}.details-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.details-text::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.details-text::-webkit-scrollbar-thumb:hover{background:#ffffff80}.card-info h2{font-size:25px;font-weight:800;color:#fff;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,1);text-align:left}.card-info p{font-size:16px;color:#ffffffe6;line-height:1.2;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,1);text-align:left}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;flex:1;align-content:flex-start;justify-content:flex-start}.tag{background:#e51e8d;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.1;box-shadow:0 2px 4px #0000001a}.progress-container{display:flex;justify-content:center;gap:4px;margin:10px 0;padding:0 25px}.progress-line{height:3px;width:50px;background:#ffffff4d;border-radius:2px;transition:all .3s ease}.progress-line.active{background:#fff}.card-container{text-align:center;padding:0 15px;position:relative}.buttons{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:50px;z-index:100}.pass-btn,.like-btn{width:70px;height:70px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:all}.dislike-icon,.like-icon{width:70px;height:70px;object-fit:contain}.pass-btn:hover,.like-btn:hover{transform:scale(1.1)}.pass-btn:active,.like-btn:active{transform:scale(.95)}.contacts-screen{flex:1;padding:20px;color:#fff}.contacts-screen h2{text-align:center;font-size:26px;margin-bottom:35px;color:#fff;font-weight:700}.contacts-list{display:flex;flex-direction:column;gap:25px;margin-bottom:25px}.contact-card{background:#fff;border-radius:20px;padding:15px;display:flex;gap:15px;box-shadow:0 10px 30px #00000026;min-height:120px}.contact-avatar{width:80px;height:100%;min-height:120px;border-radius:15px;object-fit:cover;flex-shrink:0}.contact-info{flex:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;text-align:right}.service-logo{width:100%;height:auto;object-fit:contain;margin-bottom:10px}.contact-badge{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:2px solid #e4208d}.contact-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;justify-content:flex-end}.contact-tag{background:#284181;color:#fff;padding:2px 6px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.1}.contact-info{flex:1}.contact-info h3{font-size:auto;font-weight:900;color:#333;text-align:right}.contact-info p{font-size:auto;color:#666;margin-bottom:12px;line-height:1.2;text-align:right;flex-grow:1}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-btn{padding:10px 15px;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.email-btn{background:#2196f3;color:#fff}.phone-btn{background:#4caf50;color:#fff}.vcard-btn{background:#e4208d;color:#fff;width:100%;max-width:200px;padding:12px 15px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin:8px 0 0;align-self:flex-end}.brs-logo,.landing-logo{width:auto;max-width:60%;height:auto;object-fit:contain}.brs-btn,.landing-btn{background:#e4208d;color:#fff;padding:20px 25px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin:auto}.brs-btn:hover,.landing-btn:hover{background:#c91c7a;transform:translateY(-1px)}.contact-btn:hover{transform:translateY(-1px);opacity:.9}.restart-btn{width:100%;padding:18px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:15px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.restart-btn:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width: 375px){.app{max-width:375px}.card{width:300px;height:450px;margin-top:0}.card-container{padding:0 10px}.card-info{padding:20px 15px 40px;min-height:110px}.card-info h2{font-size:20px}.card-info p{font-size:12px}.tag{padding:3px 8px;font-size:10px}.buttons{bottom:-30px;gap:35px}.pass-btn,.like-btn{width:60px;height:60px;font-size:24px}.progress-container{margin:8px 0 12px;padding:0 20px}.progress-line{width:40px}.logo-image{height:45px}.header{padding:15px}}@media (min-width: 376px) and (max-width: 390px){.app{max-width:390px}.card{width:320px;height:480px;margin-top:0}.card-container{padding:0 15px}.buttons{bottom:-35px}.progress-container{margin:8px 0 12px}}@media (min-width: 391px) and (max-width: 414px){.app{max-width:414px}.card{width:340px;height:500px;margin-top:0}.card-container{padding:0 15px}.buttons{bottom:-35px}.progress-container{margin:8px 0 20px}}@media (min-width: 415px){.app{max-width:430px}.card{width:360px;height:540px}.logo-image{height:55px}.buttons{gap:60px}.pass-btn,.like-btn{width:75px;height:75px;font-size:30px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-card{animation:fadeIn .5s ease-out}.card{animation:fadeIn .6s ease-out}@media (pointer: coarse){.card{cursor:default}.pass-btn,.like-btn{min-width:60px;min-height:60px}.contact-btn{min-height:48px;padding:12px 15px}}