.discovery-container{padding-bottom:50px;animation:fadeIn .5s ease-out}.discovery-container header.discovery-hero{text-align:center;padding:80px 20px;background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.08),transparent 50%),radial-gradient(circle at 90% 90%,rgba(139,92,246,.08),transparent 50%),#fff;border-radius:32px;margin-bottom:50px;border:1px solid rgba(0,0,0,.03);box-shadow:0 4px 30px rgba(0,0,0,.02)}.discovery-container header.discovery-hero h1{font-size:3rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.discovery-container header.discovery-hero p{color:#64748b;font-size:1.2rem;max-width:600px;margin:0 auto 30px}.discovery-container header.discovery-hero .discovery-search{max-width:500px;margin:0 auto;position:relative}.discovery-container header.discovery-hero .discovery-search input{width:100%;padding:16px 24px 16px 50px;border-radius:100px;border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.05);font-size:1rem;outline:none;transition:all .3s}.discovery-container header.discovery-hero .discovery-search input:focus{box-shadow:0 15px 35px rgba(59,130,246,.1);border-color:#3b82f6}.discovery-container header.discovery-hero .discovery-search .search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.2rem}.discovery-container .section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.discovery-container .section-title h2{font-size:1.5rem;font-weight:700;color:#1e293b}.discovery-container .section-title .view-all{color:#3b82f6;font-weight:600;font-size:.9rem;cursor:pointer}.discovery-container .section-title .view-all:hover{text-decoration:underline}.discovery-container .categories-pills{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;margin-bottom:40px;scrollbar-width:none}.discovery-container .categories-pills::-webkit-scrollbar{display:none}.discovery-container .categories-pills .category-pill{padding:10px 24px;border-radius:100px;background:#fff;border:1px solid #e2e8f0;white-space:nowrap;color:#475569;font-weight:500;cursor:pointer;transition:all .2s}.discovery-container .categories-pills .category-pill:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.discovery-container .categories-pills .category-pill.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.3)}.discovery-container .discovery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;grid-gap:20px;gap:20px;margin-bottom:60px}@media(max-width:1200px){.discovery-container .discovery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.discovery-container .discovery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.discovery-container .discovery-grid{grid-template-columns:1fr}}.discovery-container .discovery-grid .discover-item{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.discovery-container .discovery-grid .discover-item:hover{transform:scale(1.02) translateY(-5px)}.discovery-container .discovery-grid .discover-item:hover .item-overlay{opacity:1}.discovery-container .discovery-grid .discover-item.large{grid-row:span 2;grid-column:span 2}.discovery-container .discovery-grid .discover-item.tall{grid-row:span 2}.discovery-container .discovery-grid .discover-item.wide{grid-column:span 2}.discovery-container .discovery-grid .discover-item img{width:100%;height:100%;object-fit:cover}.discovery-container .discovery-grid .discover-item .item-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transition:opacity .3s}.discovery-container .discovery-grid .discover-item .item-overlay .item-info{color:#fff}.discovery-container .discovery-grid .discover-item .item-overlay .item-info .title{font-weight:600;font-size:1.1rem;margin-bottom:4px}.discovery-container .discovery-grid .discover-item .item-overlay .item-info .author{font-size:.8rem;opacity:.8;display:flex;align-items:center;gap:6px}.discovery-container .suggested-creators{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px}.discovery-container .suggested-creators .creator-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;text-align:center;transition:all .3s}.discovery-container .suggested-creators .creator-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.05);transform:translateY(-5px)}.discovery-container .suggested-creators .creator-card .creator-avatar{width:90px;height:90px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);overflow:hidden;border:4px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.08)}.discovery-container .suggested-creators .creator-card .creator-avatar img{width:100%;height:100%;object-fit:cover}.discovery-container .suggested-creators .creator-card h3{font-size:1.1rem;font-weight:700;margin-bottom:4px;color:#1e293b}.discovery-container .suggested-creators .creator-card p{font-size:.85rem;color:#64748b;margin-bottom:20px}.discovery-container .suggested-creators .creator-card .follow-btn{width:100%;padding:12px;border-radius:14px;background:#f8fafc;color:#1e293b;font-weight:700;border:1px solid #e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.discovery-container .suggested-creators .creator-card .follow-btn:hover{background:#1e293b;color:#fff;border-color:#1e293b;transform:scale(1.05)}.discovery-container .suggested-creators .creator-card .follow-btn.following{background:#ecfdf5;color:#059669;border-color:#10b981}.discovery-container .suggested-creators .creator-card .follow-btn.following:hover{background:#fee2e2;color:#dc2626;border-color:#ef4444}.discovery-container .suggested-creators .creator-card .follow-btn.following:hover:after{content:" (Unfollow)";font-size:.7rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}