:root{--primary: #6366f1;--secondary: #ec4899;--accent: #06b6d4;--bg-dark: #0f0f23;--bg-card: rgba(255, 255, 255, .05);--text: #ffffff;--text-muted: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .1);--radius: 16px;--shadow: 0 25px 50px -12px rgba(0, 0, 0, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.bg-animation{position:fixed;inset:0;z-index:-1;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.blob-1{width:500px;height:500px;background:var(--primary);top:-150px;right:-100px}.blob-2{width:400px;height:400px;background:var(--secondary);bottom:-100px;left:-100px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}}.header{position:sticky;top:0;z-index:100;padding:1rem 0;background:#0f0f23cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo span{background:linear-gradient(135deg,var(--accent),var(--primary));-webkit-background-clip:text;background-clip:text}.nav{display:flex;gap:2rem}.nav a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .3s}.nav a:hover{color:var(--text)}.hero{padding:4rem 0 2rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:url(/hero-bg.png) center/cover no-repeat;opacity:.15;filter:blur(2px);pointer-events:none}.hero h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero p{color:var(--text-muted);margin-bottom:2rem}.search-box{position:relative;max-width:500px;margin:0 auto}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{width:100%;padding:1rem 1rem 1rem 3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;color:var(--text);font-size:1rem;outline:none;transition:border-color .3s}.search-box input:focus{border-color:var(--primary)}.search-box input::placeholder{color:var(--text-muted)}.categories{padding:1rem 0 2rem}.category-tabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.tab{padding:.75rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.tab:hover{background:#ffffff1a;color:var(--text)}.tab.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;color:var(--text)}.main{padding:1rem 0 4rem;min-height:400px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.file-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all .3s}.file-card:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:var(--shadow)}.file-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.file-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-category{display:inline-block;padding:.25rem .75rem;background:#6366f133;border-radius:50px;font-size:.75rem;color:var(--primary);text-transform:uppercase}.file-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.file-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.file-size{color:var(--text-muted);font-size:.85rem}.download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:8px;color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}.download-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #6366f166}.loading,.empty{text-align:center;padding:4rem;color:var(--text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{padding:2rem 0;text-align:center;border-top:1px solid var(--border)}.footer p{color:var(--text-muted);font-size:.9rem}.disclaimer{margin-top:.5rem;font-size:.8rem!important;opacity:.7}@media(max-width:768px){.nav{display:none}.hero h1{font-size:2rem}.file-grid{grid-template-columns:1fr}}.telegram-link{display:flex;align-items:center;gap:.5rem;color:var(--accent);text-decoration:none;font-weight:500;transition:all .3s;padding:.5rem 1rem;background:#06b6d41a;border-radius:50px}.telegram-link:hover{color:var(--text);background:#06b6d433;transform:scale(1.05)}.coming-soon-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#ffc10733;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffc107;font-size:.85rem;font-weight:500}.file-card.coming-soon{opacity:.8}.file-card.coming-soon:hover{opacity:1}.footer .contact{margin-top:.5rem}.footer .contact a{color:var(--accent);text-decoration:none;transition:color .3s}.footer .contact a:hover{color:var(--text)}