@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap");:root{--bg-color:#0f172a;--card-bg:rgba(30,41,59,.7);--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#38bdf8;--accent-glow:rgba(56,189,248,.4);--border-light:hsla(0,0%,100%,.1)}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(16,185,129,.05) 0,transparent 50%),radial-gradient(circle at 85% 30%,rgba(56,189,248,.1) 0,transparent 50%);color:var(--text-main);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 32px 0 rgba(0,0,0,.3)}.glass-button{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:var(--text-main);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;padding:10px 16px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .3s ease}.glass-button.active,.glass-button:hover{background:var(--accent);color:#fff;box-shadow:0 0 15px var(--accent-glow);transform:translateY(-2px)}.glass-input{background:rgba(0,0,0,.2);border:1px solid var(--border-light);color:var(--text-main);padding:12px 16px 12px 40px;border-radius:8px;width:100%;font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.search-container{display:flex;justify-content:flex-end;margin-bottom:30px;z-index:100}.search-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:300px}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none;transition:color .3s}.glass-input:focus+.search-icon{color:var(--accent)}@media (min-width:800px){.search-container{position:absolute;top:30px;right:20px;margin-bottom:0}}@media (max-width:799px){.search-container{justify-content:center;margin-top:10px;margin-bottom:30px;width:100%}.search-wrapper{max-width:100%}}.text-accent{color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}