:root{--bg:#0b1430;--card:#152544;--edge:#2a3c5c;--orange:#ffb36c;--text:#f7f8ff;--dim:#b4c0d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#192e56,transparent 55%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.topbar{position:relative;z-index:3;border-bottom:1px solid #ffffff20;background:#0e1933db}.bar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:850;letter-spacing:-1px}.brand img{width:42px;height:42px}.dot{color:var(--orange)}nav{display:flex;align-items:center;gap:27px}nav a{font-size:14px;font-weight:650;color:#d4dcea}nav a:hover,.tiny-link:hover{color:var(--orange)}.nav-action{padding:11px 18px;border:1px solid #ffb36c88;border-radius:12px;color:var(--orange)}.hero{position:relative;isolation:isolate;overflow:visible;text-align:center;padding:78px 0 88px;background:linear-gradient(90deg,#09152cf5,#0b1b3cd1),url('/assets/img/reseaux-fond.png') center/cover}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,var(--bg),transparent 42%)}.hero-inner{position:relative;z-index:1}.eyebrow{color:var(--orange);font-weight:850;letter-spacing:2.4px;font-size:11px;text-transform:uppercase}.hero h1{font-size:clamp(42px,6.4vw,77px);margin:19px 0;line-height:1.09;letter-spacing:-3px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{margin:0 auto 34px;max-width:630px;line-height:1.7;color:#d0d8e6;font-size:17px}.search{max-width:790px;margin:auto;background:#fff;border-radius:15px;display:flex;align-items:center;padding:8px;gap:9px;box-shadow:0 20px 66px #020a1f80;position:relative}.magnify{font-size:34px;color:#6c7c99;padding-left:14px;line-height:1}.search input{border:0;outline:0;min-width:0;flex:1;color:#14223f;padding:16px 4px;background:none;font:inherit}.search button{border:0;cursor:pointer;border-radius:11px;background:linear-gradient(120deg,#ffcb8c,#f39c54);color:#241d20;font:inherit;font-weight:800;padding:17px 23px;white-space:nowrap}.search button:hover{filter:brightness(1.05)}.search-note{font-size:12px;color:#b2c1d5;margin-top:15px}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:9;border-radius:12px;background:#f8faff;color:#152345;box-shadow:0 14px 38px #0008;text-align:left;padding:7px;max-height:350px;overflow:auto}.suggestions[hidden]{display:none}.suggestions a{display:block;border-radius:8px;padding:11px 14px}.suggestions a:hover,.suggestions a:focus{background:#e8edf6}.suggestions small{display:block;color:#71809c}.main-content{padding-bottom:85px}.section{margin-top:57px;scroll-margin-top:26px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section h2,.participate h2{font-size:clamp(23px,2.6vw,31px);letter-spacing:-.8px;margin:9px 0 0}.muted,.soft{color:#8fa1bd;font-size:13px}.tiny-link{color:var(--orange);font-weight:750;font-size:13px;white-space:nowrap}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.category{background:linear-gradient(140deg,#192947,#14223f);border:1px solid #31415d;border-radius:15px;padding:19px 15px;display:flex;align-items:center;gap:13px;min-height:88px;transition:transform .2s,border-color .2s}.category:hover,.person:hover,.rank:hover{transform:translateY(-2px);border-color:#ffb36c9c}.cat-icon{color:var(--orange);font-size:27px;width:34px;text-align:center}.category>span:nth-child(2){min-width:0;flex:1}.category strong,.person strong{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis}.category small,.person small,.rank small{display:block;color:#9eb0cc;font-size:12px;margin-top:5px}.category b,.person b,.rank b{font-weight:400;color:var(--orange)}.chosen{border-color:var(--orange)}.duo{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.feature{padding:25px;border:1px solid var(--edge);border-radius:19px;background:linear-gradient(145deg,#142340,#111e38)}.feature .section-head{margin-bottom:17px}.feature h2{font-size:23px}.discover{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}.discover img{width:150px;height:170px;border-radius:14px;object-fit:cover;background:#27385c}.discover h3{font-size:25px;margin:10px 0}.discover p{color:var(--dim);font-size:14px;line-height:1.55;margin:0 0 18px}.orange-link{font-weight:800;color:var(--orange);font-size:13px}.birthday-list{display:grid;gap:10px}.birthday-empty{text-align:center;margin:32px auto 18px;color:#bec8d9}.birthday-empty .cake{font-size:43px;margin-bottom:12px}.birthday-empty p{font-size:13px}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.person{border:1px solid var(--edge);border-radius:13px;padding:12px;display:flex;gap:11px;align-items:center;background:#152442;min-width:0;transition:.2s}.person img,.rank img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#283958}.person span{min-width:0;flex:1}.person b{margin-left:auto}.ranking{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rank{display:flex;align-items:center;gap:15px;padding:13px 18px;background:linear-gradient(110deg,#152643,#121f39);border:1px solid var(--edge);border-radius:13px;transition:.2s}.rank-num{color:var(--orange);font-size:22px;font-weight:850;min-width:30px}.rank-main{flex:1;min-width:0}.rank strong{font-size:14px}.participate{margin-top:64px;padding:30px 35px;border:1px solid #edb27b55;background:linear-gradient(110deg,#3b3450,#25334c);border-radius:19px;display:flex;justify-content:space-between;align-items:center;gap:20px}.participate p{color:#d0d7e4;max-width:670px;line-height:1.6;font-size:14px}.soon{flex-shrink:0;border:1px solid #ffd3a15c;color:#ffd3a1;padding:12px 16px;border-radius:10px;font-size:13px}footer{border-top:1px solid #2d3d59;background:#091328;padding:34px 0 26px}.footer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.footer-stats>div{border-right:1px solid #263550}.footer-stats>div:last-child{border:0}.footer-stats strong{font-size:27px;color:#ffbd7c;display:block}.footer-stats small{display:block;color:#a4b3ca;margin-top:8px;font-size:12px}.footer-month{text-align:center;color:#aebbd1;font-size:13px;margin-top:22px}.footer-month strong{color:#fff}.footer-bottom{border-top:1px solid #243451;margin-top:28px;padding-top:24px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#8d9db5;font-size:12px}.empty{padding:24px;color:#cbd5e4;border:1px dashed #52617b;border-radius:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:980px){.cat-grid,.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.duo{grid-template-columns:1fr}.hero{padding-top:62px}}@media(max-width:720px){.wrap{width:min(100% - 28px,1160px)}nav{gap:10px}nav a:not(.nav-action){display:none}.brand{font-size:20px}.hero h1{letter-spacing:-1.5px}.search{gap:3px}.search button{padding:14px 11px;font-size:13px}.search input{font-size:14px}.cat-grid,.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking{grid-template-columns:1fr}.feature{padding:20px}.footer-stats{grid-template-columns:repeat(2,1fr);row-gap:26px}.footer-stats>div:nth-child(2){border:0}.participate{display:block}.soon{display:inline-block;margin-top:12px}.discover{grid-template-columns:105px 1fr;gap:16px}.discover img{width:105px;height:145px}.discover h3{font-size:19px}.section{margin-top:42px}}@media(max-width:420px){.cat-grid{grid-template-columns:1fr 1fr}.category{padding:13px 9px;gap:6px}.category strong{font-size:12px}.cat-icon{font-size:22px;width:27px}.category small{font-size:10px}.people-grid{grid-template-columns:1fr}.search button span{display:none}.search-note{font-size:11px}.hero p{font-size:15px}}

/* Catégories compactes — v2 : accès conservé à toutes les catégories */
.cat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.category{min-height:62px;padding:11px 12px;gap:9px;border-radius:12px}
.cat-icon{font-size:21px;width:25px;flex:0 0 25px}
.category strong{font-size:13px;line-height:1.25}
.category small{margin-top:3px;font-size:11px}
.category b{font-size:13px}
@media(max-width:980px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.category{min-height:62px;padding:10px 8px;gap:7px}.cat-icon{font-size:19px;width:22px;flex-basis:22px}.category strong{font-size:12px}.category small{font-size:10px}}