:root{--primary-50:#f0f9f8;--primary-100:#d9f2ef;--primary-200:#a8e0da;--primary-300:#5cc4ba;--primary-400:#2aa89c;--primary-500:#007e6e;--primary-600:#007e6e;--primary-700:#006a5d;--primary-800:#00564c;--primary-900:#00423a;--gray-50:#fdfcf8;--gray-100:#e7deaf;--gray-200:#d7c097;--gray-300:#c4ae85;--gray-400:#a89672;--gray-500:#8a7a5c;--gray-600:#6b5f47;--gray-700:#4d4433;--gray-800:#2f2a20;--gray-900:#1a1710;--gray-950:#0d0b08;--color-exam:#c44d4d;--color-exam-bg:#fdf2f2;--color-td:#007e6e;--color-td-bg:#d9f2ef;--color-tp:#73af6f;--color-tp-bg:#e8f5e7;--color-concours:#d7c097;--color-concours-bg:#faf6ed;--color-notes:#7a6b8a;--color-notes-bg:#f5f3f7;--background:#fff;--background-secondary:#e7deaf;--foreground:#2f2a20;--foreground-muted:#6b5f47;--border:#d7c097;--border-hover:#73af6f;--card-bg:#fff;--card-shadow:0 1px 3px rgba(47,42,32,.1),0 1px 2px rgba(47,42,32,.06);--card-shadow-hover:0 10px 15px -3px rgba(0,126,110,.15),0 4px 6px -2px rgba(0,126,110,.1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400}[data-theme=dark]{--background:#1a1710;--background-secondary:#2f2a20;--foreground:#e7deaf;--foreground-muted:#d7c097;--border:#4d4433;--border-hover:#73af6f;--card-bg:#2f2a20;--card-shadow:0 1px 3px rgba(0,0,0,.3);--card-shadow-hover:0 10px 15px -3px rgba(0,0,0,.3);--gray-100:#3d3628;--gray-200:#4d4433}[data-theme=light]{--background:#fff;--background-secondary:#e7deaf;--foreground:#2f2a20;--foreground-muted:#6b5f47;--border:#d7c097;--border-hover:#73af6f;--card-bg:#fff;--card-shadow:0 1px 3px rgba(47,42,32,.1),0 1px 2px rgba(47,42,32,.06);--card-shadow-hover:0 10px 15px -3px rgba(0,126,110,.15),0 4px 6px -2px rgba(0,126,110,.1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#1a1710;--background-secondary:#2f2a20;--foreground:#e7deaf;--foreground-muted:#d7c097;--border:#4d4433;--border-hover:#73af6f;--card-bg:#2f2a20;--card-shadow:0 1px 3px rgba(0,0,0,.3);--card-shadow-hover:0 10px 15px -3px rgba(0,0,0,.3)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;background-color:var(--background);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--foreground)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--spacing-md);color:var(--foreground-muted)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;box-shadow:0 2px 4px rgba(37,99,235,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));transform:translateY(-1px);box-shadow:0 4px 8px rgba(37,99,235,.4)}.btn-secondary{background:var(--background-secondary);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover{background:var(--gray-100);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--foreground-muted)}.btn-ghost:hover{background:var(--background-secondary);color:var(--foreground)}.card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:1px solid var(--border);box-shadow:var(--card-shadow);transition:all var(--transition-base)}.card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-title{font-size:var(--text-lg);font-weight:600}.card-description{font-size:var(--text-sm);color:var(--foreground-muted)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full)}.badge-exam{background:var(--color-exam-bg);color:var(--color-exam)}.badge-td{background:var(--color-td-bg);color:var(--color-td)}.badge-tp{background:var(--color-tp-bg);color:var(--color-tp)}.badge-concours{background:var(--color-concours-bg);color:var(--color-concours)}.badge-notes{background:var(--color-notes-bg);color:var(--color-notes)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);color:var(--foreground);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input::placeholder{color:var(--foreground-muted)}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;left:var(--spacing-md);color:var(--foreground-muted);pointer-events:none}.search-box .input{padding-left:2.75rem}.resource-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:var(--text-lg);border-radius:var(--radius-lg)}.resource-icon.exam{background:var(--color-exam-bg)}.resource-icon.td{background:var(--color-td-bg)}.resource-icon.tp{background:var(--color-tp-bg)}.resource-icon.concours{background:var(--color-concours-bg)}.resource-icon.notes{background:var(--color-notes-bg)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);flex-wrap:wrap}.breadcrumb,.breadcrumb a{color:var(--foreground-muted)}.breadcrumb a{transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--primary-600)}.breadcrumb-separator{color:var(--gray-300)}.breadcrumb-current{color:var(--foreground);font-weight:500}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}@media (prefers-color-scheme:dark){.header{background:rgba(15,23,42,.8)}}.header-content{justify-content:space-between;height:4rem;gap:var(--spacing-lg)}.header-content,.header-logo{display:flex;align-items:center}.header-logo{gap:var(--spacing-sm);font-size:var(--text-xl);font-weight:700;color:var(--foreground)}.header-logo span{background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.header-search{flex:1 1;max-width:400px}.hero{text-align:center;padding:var(--spacing-3xl) 0;background:linear-gradient(180deg,var(--background-secondary) 0,var(--background) 100%)}.hero h1{font-size:var(--text-5xl);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--foreground) 0,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:var(--text-xl);max-width:600px;margin:0 auto var(--spacing-xl)}.filter-section{margin-bottom:var(--spacing-lg)}.filter-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--foreground-muted);margin-bottom:var(--spacing-sm)}.filter-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.filter-option:hover{background:var(--background-secondary)}.filter-option.active{background:var(--primary-50);color:var(--primary-700)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{margin-bottom:var(--spacing-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideIn{animation:slideIn .3s ease forwards}.stagger-item:first-child{animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.text-center{text-align:center}.text-muted{color:var(--foreground-muted)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}