@import url(https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap) ;:root{--bg-color:#000;--bg-secondary:#0a0a0a;--card-bg:rgba(28,28,30,.8);--card-bg-hover:rgba(44,44,46,.9);--text-primary:#f5f5f7;--text-secondary:rgba(255,255,255,.6);--text-tertiary:rgba(255,255,255,.4);--accent-color:#ff6200;--accent-hover:#ff7a26;--accent-glow:rgba(255,98,0,.15);--border-color:rgba(255,255,255,.08);--border-hover:rgba(255,255,255,.15);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 32px rgba(0,0,0,.4);--shadow-lg:0 16px 48px rgba(0,0,0,.5);--blur-bg:blur(20px);--transition-fast:all .2s cubic-bezier(.4,0,.2,1);--transition:all .3s cubic-bezier(.4,0,.2,1);--transition-slow:all .5s cubic-bezier(.4,0,.2,1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,sans-serif;margin:0;padding:0;line-height:1.5;display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}img{border:0;max-width:100%;height:auto;display:block}.content{width:100%;max-width:1400px;margin:0 auto;padding:3rem 4rem;flex:1}h1.titre-accueil{text-align:center;margin-bottom:3rem}h1.titre-accueil img,a.titre img{max-height:80px;margin:0 auto;filter:drop-shadow(0 4px 12px rgba(255,98,0,.2));transition:var(--transition)}h1.titre-accueil img:hover,a.titre img:hover{filter:drop-shadow(0 6px 20px rgba(255,98,0,.3));transform:scale(1.02)}a.titre{display:block;text-align:center;margin-bottom:2rem}h1{text-align:center;margin-bottom:2rem}h1 img{max-height:120px;margin:0 auto}h2{font-weight:500;font-size:1.75rem;letter-spacing:-.02em;color:var(--text-primary)}.search-container{width:100%;max-width:680px;margin:0 auto 3rem auto}.search-container form{display:flex;gap:12px;background:var(--card-bg);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:6px;transition:var(--transition)}.search-container form:focus-within{border-color:var(--accent-color);box-shadow: 0 0 0 4px var(--accent-glow), var(--shadow-md)}.search-container input[type="text"]{flex:1;padding:14px 20px;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:var(--transition-fast)}.search-container input[type="text"]::placeholder{color:var(--text-tertiary)}.search-container input[type="text"]:focus{outline:none}.search-container button{padding:14px 28px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:var(--radius-lg);font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);white-space:nowrap}.search-container button:hover{transform:scale(1.02);box-shadow:0 4px 20px rgba(255,98,0,.4)}.search-container button:active{transform:scale(.98)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:0;list-style:none;margin:0 0 4rem 0}.card{background:var(--card-bg);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:var(--transition);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:var(--transition)}.card:hover{background:var(--card-bg-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card:hover::before{opacity:1}.card-image{width:100%;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:var(--radius-md);padding:12px;transition:var(--transition)}.card:hover .card-image{transform:scale(1.02)}.card-image img{max-height:100%;max-width:100%;object-fit:contain;transition:var(--transition)}.card-title{font-size:.9rem;font-weight:500;color:var(--text-secondary);text-align:center;margin-top:auto;padding-top:.5rem;line-height:1.4;transition:var(--transition-fast);width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.card:hover .card-title{color:var(--text-primary)}.card-title a:hover{color:var(--accent-color)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 2rem;margin-top:auto;text-align:center}.footer-socials{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.footer-socials a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition)}.footer-socials a:hover{background:var(--card-bg-hover);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,98,0,.2)}.footer-socials a svg{width:20px;height:20px;fill:var(--text-secondary);transition:var(--transition-fast)}.footer-socials a:hover svg{fill:var(--accent-color)}.footer-copyright{font-size:.85rem;color:var(--text-tertiary);letter-spacing:.01em}.footer-copyright a{color:var(--text-secondary);transition:var(--transition-fast)}.footer-copyright a:hover{color:var(--accent-color)}.message{text-align:center;padding:3rem 2rem;color:var(--text-secondary);font-size:1.1rem}@media (max-width:1024px){.content{padding:2rem}.grid-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}}@media (max-width:768px){.content{padding:1.5rem 1rem}h1.titre-accueil img,a.titre img{max-height:60px}.search-container{margin-bottom:2rem}.search-container form{flex-direction:column;border-radius:var(--radius-lg);padding:8px}.search-container input[type="text"]{padding:12px 16px;text-align:center}.search-container button{width:100%;padding:12px 20px}.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.card{padding:1rem;border-radius:var(--radius-md)}.card-image{height:120px;padding:10px}.card-title{font-size:.85rem}.footer{padding:2rem 1rem}.footer-socials{gap:.4rem}.footer-socials a{width:40px;height:40px}.footer-socials a svg{width:18px;height:18px}h2{font-size:1.4rem}}@media (max-width:480px){.grid-container{grid-template-columns:repeat(2,1fr)}.card-image{height:100px}}@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.grid-container{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-color);color:#fff}