.stories-page{background:#f8fafc;min-height:100vh}.stories-hero{background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#0ea5e9);padding:3rem 1.5rem;text-align:center;position:relative;overflow:hidden}.stories-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,#0ea5e926 0,#0000 70%);pointer-events:none}.stories-hero-content{position:relative;max-width:700px;margin:0 auto;z-index:1}.stories-title{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.stories-title-icon{font-size:2rem}.stories-subtitle{color:#fffc;font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem}.stories-search-wrapper{position:relative;max-width:480px;margin:0 auto}.stories-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.stories-search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border-radius:9999px;border:1px solid #fff3;background:#ffffff1a;backdrop-filter:blur(12px);color:#fff;font-size:.9375rem;transition:all .2s ease}.stories-search-input::placeholder{color:#ffffff80}.stories-search-input:focus{outline:none;border-color:#0ea5e9;background:#ffffff26;box-shadow:0 0 0 3px #0ea5e94d}.stories-filters{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:64px;z-index:20}.stories-filters-inner{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;scrollbar-width:none;max-width:1200px;margin:0 auto}.stories-filters-inner::-webkit-scrollbar{display:none}.stories-filter-btn{flex-shrink:0;padding:.5rem 1rem;border-radius:9999px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.stories-filter-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.stories-filter-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.stories-grid-section{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.stories-results-info{margin-bottom:1.5rem}.stories-results-info p{color:#64748b;font-size:.875rem}.stories-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width:640px){.stories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stories-grid{grid-template-columns:repeat(3,1fr)}}.story-card{display:block;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition:all .3s ease;text-decoration:none;color:inherit}.story-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f,0 4px 8px #0000000f}.story-card-image-wrapper{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}.story-card-image{object-fit:cover;transition:transform .5s ease}.story-card:hover .story-card-image{transform:scale(1.05)}.story-card-overlay{position:absolute;inset:0;opacity:.4;transition:opacity .3s ease}.story-card:hover .story-card-overlay{opacity:.55}.story-card-category{left:.75rem;padding:.25rem .75rem;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.01em}.story-card-category,.story-card-date{position:absolute;top:.75rem;z-index:2}.story-card-date{right:.75rem;padding:.25rem .625rem;border-radius:.375rem;background:#00000080;backdrop-filter:blur(4px);color:#ffffffe6;font-size:.6875rem;font-weight:500}.story-card-content{padding:1.25rem}.story-card-title{font-size:1rem;font-weight:700;color:#0f172a;line-height:1.4;margin-bottom:.5rem}.story-card-desc,.story-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card-desc{font-size:.8125rem;color:#64748b;line-height:1.5;margin-bottom:.75rem}.story-card-hashtags{display:flex;flex-wrap:wrap;gap:.375rem}.story-hashtag{font-size:.6875rem;color:#0ea5e9;font-weight:600;background:#f0f9ff;padding:.125rem .5rem;border-radius:9999px}.stories-empty{text-align:center;padding:4rem 1.5rem;color:#64748b}.stories-empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.stories-empty-btn{margin-top:1rem;padding:.625rem 1.5rem;border-radius:9999px;background:#0f172a;color:#fff;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background .15s ease}.stories-empty-btn:hover{background:#1e293b}.stories-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem;flex-wrap:wrap}.stories-page-numbers{display:flex;align-items:center;gap:.25rem}.stories-page-btn{padding:.5rem .875rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.stories-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.stories-page-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.stories-page-btn:disabled{opacity:.4;cursor:not-allowed}.stories-page-nav{font-size:.8125rem}.stories-page-ellipsis{padding:.5rem .25rem;color:#94a3b8;font-size:.875rem}@media (max-width:640px){.stories-hero{padding:2rem 1rem}.stories-title{font-size:1.75rem}.stories-subtitle{font-size:.9375rem}.stories-filters{padding:.75rem 1rem}.stories-grid-section{padding:1.5rem 1rem 3rem}.stories-pagination{gap:.25rem}.stories-page-nav{padding:.5rem .625rem;font-size:.75rem}}@media (min-width:768px){.stories-hero{padding:4rem 2rem}.stories-title{font-size:3rem}}