:root{--bg-color: #050507;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #a0a0a0;--primary: #6c5ce7;--primary-glow: rgba(108, 92, 231, .6);--secondary: #00cec9;--accent: #fd79a8;--font-family: "Outfit", sans-serif;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}body{background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.background-globes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.globe{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s infinite ease-in-out}.globe-1{width:500px;height:500px;background:radial-gradient(circle,var(--primary),transparent);top:-100px;left:-100px}.globe-2{width:600px;height:600px;background:radial-gradient(circle,var(--secondary),transparent);bottom:-150px;right:-100px;animation-delay:-5s}.globe-3{width:300px;height:300px;background:radial-gradient(circle,var(--accent),transparent);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2;animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(20px) scale(1.05)}}.app-container{max-width:100%;margin:0;padding:.5rem 2rem 1rem;width:100%;flex:1}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-tabs{display:flex;gap:.5rem;background:rgba(255,255,255,.05);padding:.3rem;border-radius:50px;border:1px solid var(--card-border)}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:.8rem 1.5rem;border-radius:30px;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;text-decoration:none}.tab-btn:hover{color:var(--text-main);background:rgba(255,255,255,.05)}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.search-section{text-align:center;margin-bottom:1.5rem;animation:fadeInDown .8s ease-out}.suggestions-container{display:flex;justify-content:center;gap:.8rem;margin-top:1rem;margin-bottom:2rem;flex-wrap:wrap;max-width:800px;margin-left:auto;margin-right:auto}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:3rem}.search-bar-wrapper{position:relative;max-width:700px;margin:0 auto;background:rgba(255,255,255,.03);border:1px solid var(--card-border);border-radius:20px;padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);display:flex;align-items:center;box-shadow:0 10px 30px #0003}.search-type-toggle{margin:0 .5rem;border-right:1px solid rgba(255,255,255,.1);padding-right:.5rem}.search-type-select{background:transparent;color:var(--text-muted);border:none;font-size:.9rem;outline:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:var(--transition)}.search-type-select:hover,.search-type-select:focus{color:var(--text-main);background:rgba(255,255,255,.05)}.search-type-select option{background:#1a1a20;color:var(--text-main)}.search-bar-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #6c5ce733,0 10px 30px #0000004d;transform:translateY(-2px)}.search-icon{margin-left:1.5rem;color:var(--text-muted);font-size:1.2rem}#searchInput{flex:1;background:transparent;border:none;padding:1rem 1.5rem;color:var(--text-main);font-size:1.1rem;outline:none}#searchInput::placeholder{color:#ffffff4d}.search-btn{background:var(--primary);border:none;width:50px;height:50px;border-radius:14px;color:#fff;font-size:1.2rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.search-btn:hover{background:#5b4cc4;transform:scale(1.05)}.suggestion-chip{background:rgba(255,255,255,.05);border:1px solid var(--card-border);color:var(--text-muted);padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:var(--transition)}.suggestion-chip:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-glow);border-color:var(--primary)}.results-section{min-height:400px}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:var(--transition);cursor:pointer;position:relative;display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);border-color:#fff3;box-shadow:0 15px 30px #0000004d}.card-media{width:100%;aspect-ratio:16/9;background:#1a1a20;position:relative;overflow:hidden}.card-media img,.card-media video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-media img{transform:scale(1.05)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);opacity:0;transition:var(--transition)}.card:hover .play-overlay{opacity:1}.play-icon{width:50px;height:50px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.card-content{padding:1.2rem;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-source{font-size:.85rem;color:var(--secondary);margin-bottom:.5rem;font-weight:500}.card-excerpt{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link{margin-top:auto;color:var(--primary);font-size:.9rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem}.card-link:hover{text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-muted);text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.footer{text-align:center;padding:2rem;color:#fff3;font-size:.9rem}@media (max-width: 768px){.header{flex-direction:column;gap:1.5rem}.hero-title{font-size:2.5rem}.grid-container{grid-template-columns:1fr}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.modal.show{display:flex;opacity:1}.modal-content{position:relative;width:90%;max-width:1000px;background:#000;border-radius:12px;box-shadow:0 20px 50px #00000080;overflow:hidden;animation:zoomIn .3s ease;border:1px solid var(--card-border)}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-content video{width:100%;display:block;max-height:80vh}.close-modal{position:absolute;top:15px;right:25px;color:#fff;font-size:35px;font-weight:700;cursor:pointer;z-index:1001;text-shadow:0 2px 10px rgba(0,0,0,.5);transition:var(--transition)}.close-modal:hover{color:var(--primary);transform:scale(1.1)}