:root{--color-bg: #f6f4f0;--color-surface: #ffffff;--color-text: #2d2d2d;--color-text-secondary: #6b6b6b;--color-text-tertiary: #999999;--color-accent: #5c7a54;--color-accent-hover: #4d6847;--color-accent-light: #eaf0e8;--color-border: #e2ddd6;--color-border-focus: #5c7a54;--color-shadow: rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px var(--color-shadow);--shadow-md: 0 4px 12px var(--color-shadow);--shadow-hover: 0 8px 28px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--font-family: "Vazirmatn", system-ui, sans-serif;--max-width: 1200px;--header-max-width: 800px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;direction:rtl;min-height:100vh}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.header{padding:2.5rem 1rem 2rem;text-align:center;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header__content{max-width:var(--header-max-width);margin:0 auto}.header__flag{width:80px;height:80px;margin:0 auto 1.25rem;object-fit:contain}.header__title{font-size:1.5rem;font-weight:700;line-height:1.5;color:var(--color-text);margin-bottom:.5rem}.header__subtitle{font-size:.95rem;color:var(--color-text-secondary);font-weight:400;line-height:1.6}.main{padding:1.5rem 0 3rem}.filters{background:var(--color-surface);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.filters__row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filters__field{flex:1;min-width:160px}.filters__field--search{flex:2;min-width:220px}.filters__field--action{flex:0 0 auto;min-width:auto}.filters__label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.35rem}.filters__input,.filters__select{width:100%;padding:.6rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.9rem;color:var(--color-text);background-color:var(--color-bg);transition:border-color var(--transition),box-shadow var(--transition)}.filters__select{appearance:none;-webkit-appearance:none;padding-left:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%236b6b6b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .75rem center;background-size:12px;cursor:pointer}.filters__input:focus,.filters__select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #5c7a541f}.filters__input::placeholder{color:var(--color-text-tertiary)}.filters__clear-btn{padding:.6rem 1.2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);font-family:var(--font-family);font-size:.85rem;cursor:pointer;transition:all var(--transition);white-space:nowrap}.filters__clear-btn:hover{background:var(--color-border);color:var(--color-text)}.result-bar{margin-bottom:1rem}.result-count{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.empty-state{text-align:center;padding:4rem 1rem;color:var(--color-text-secondary)}.empty-state__icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state__title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.empty-state__text{font-size:.95rem}.card-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.card{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card__image-wrapper{aspect-ratio:1;overflow:hidden;background:var(--color-bg)}.card__image{width:100%;height:100%;object-fit:cover}.card__content{padding:1rem 1.25rem 1.25rem}.card__name{font-size:1.1rem;font-weight:600;margin-bottom:.35rem;color:var(--color-text)}.card__years{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.25rem}.card__location{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.card__event{display:inline-block;padding:.2rem .7rem;background:var(--color-accent-light);color:var(--color-accent);border-radius:100px;font-size:.78rem;font-weight:500;margin-bottom:.5rem}.card__bio{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6}.load-more-wrapper{text-align:center;padding:2rem 0}.load-more-btn{padding:.75rem 2rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color var(--transition)}.load-more-btn:hover{background:var(--color-accent-hover)}.footer{text-align:center;padding:2rem 1rem;color:var(--color-text-tertiary);font-size:.85rem;border-top:1px solid var(--color-border)}@media(max-width:639px){.filters__row{flex-direction:column}.filters__field,.filters__field--search{min-width:100%}}@media(min-width:640px){.container{padding:0 1.5rem}.header__flag{width:100px;height:100px}.header__title{font-size:1.75rem}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.header{padding:3rem 1.5rem 2.5rem}.header__flag{width:120px;height:120px}.header__title{font-size:2rem}.main{padding:2rem 0 4rem}.filters{padding:1.5rem}}@media(min-width:1024px){.header__title{font-size:2.25rem}.card-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.card-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}.card:hover{transform:none}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
