:root{--primary-color:#7d66ff;--secondary-color:#66bfff;--accent-color:#66ffb2;--text-primary:#000;--text-secondary:#4a4a4a;--animation-duration:.8s;--button-color:#4285f4;--card-bg:rgba(255,255,255,.9);--category-bg:rgba(255,255,255,.7)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{min-height:100vh;overflow-x:hidden;position:relative;background:#f9f9f9}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow:visible}.circle{position:absolute;border-radius:50%;opacity:0;transform:scale(.8);animation:fadeInScale var(--animation-duration) ease-out forwards;filter:blur(25px)}.circle-1{width:520px;height:520px;top:15%;left:10%;background:radial-gradient(circle,rgba(125,102,255,.24) 0,rgba(125,102,255,0) 70%);animation-delay:.1s}.circle-2{width:480px;height:480px;top:25%;left:30%;background:radial-gradient(circle,rgba(102,191,255,.44) 0,rgba(102,191,255,0) 70%);animation-delay:.2s}.circle-3{width:560px;height:560px;top:40%;left:50%;background:radial-gradient(circle,rgba(102,255,178,.44) 0,rgba(102,255,178,0) 70%);animation-delay:.3s}.circle-4{width:440px;height:440px;top:60%;left:20%;background:radial-gradient(circle,rgba(124,102,255,.44) 0,rgba(124,102,255,0) 70%);animation-delay:.4s}.circle-5{width:500px;height:500px;top:70%;left:60%;background:radial-gradient(circle,rgba(125,102,255,.24) 0,rgba(125,102,255,0) 70%);animation-delay:.5s}.circle-6{width:460px;height:460px;top:30%;left:70%;background:radial-gradient(circle,rgba(102,255,179,.13) 0,rgba(102,255,179,0) 70%);animation-delay:.6s}.container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:2rem;z-index:2}header{text-align:center;margin-bottom:2rem;padding-top:2rem}.title{font-size:3.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.title span{display:inline-block;opacity:0;transform:scale(.5) translateY(20px);transform-origin:left center;animation:popIn .6s cubic-bezier(.175,.885,.32,1.075) forwards}.subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.4;margin-bottom:1.5rem}.subtitle span{display:inline-block;opacity:0;transform:scale(.5) translateY(20px);transform-origin:left center;animation:popIn .6s cubic-bezier(.175,.885,.32,1.075) forwards}.search-container{max-width:600px;margin:0 auto 2rem;position:relative}.search-input{width:100%;padding:1rem 1.5rem;border:none;border-radius:50px;background:var(--card-bg);box-shadow:0 4px 15px rgba(0,0,0,.1);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 4px 20px rgba(0,0,0,.15)}.categories{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.category-btn{padding:.7rem 1.5rem;background:var(--category-bg);border:none;border-radius:30px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}.category-btn:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,.15)}.category-btn.active{background:var(--primary-color);color:#fff}.category-section{margin-bottom:3rem}.category-title{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-primary);border-left:5px solid var(--primary-color);padding-left:1rem}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.link-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.link-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.link-header{display:flex;align-items:center;margin-bottom:1rem}.link-icon{width:40px;height:40px;border-radius:8px;margin-right:1rem;object-fit:cover}.link-name{font-size:1.3rem;font-weight:600;color:var(--text-primary);text-decoration:none}.link-name:hover{color:var(--primary-color)}.link-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.link-tags{display:flex;flex-wrap:wrap;gap:.5rem}.link-tag{background:rgba(125,102,255,.1);color:var(--primary-color);padding:.3rem .7rem;border-radius:20px;font-size:.8rem}footer{text-align:center;padding:2rem 0;color:var(--text-secondary);font-size:.9rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(20px)}70%{transform:scale(1.05) translateY(-2px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.title{font-size:3rem}.links-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.container{padding:1rem}.title{font-size:2.5rem}.title span,.subtitle span{transform-origin:center center}.subtitle{font-size:1rem}.background{width:120%;height:180%}.circle{filter:blur(20px)}.circle-1{width:420px;height:420px;top:10%;left:5%}.circle-2{width:380px;height:380px;top:20%;left:30%}.circle-3{width:450px;height:450px;top:35%;left:50%}.circle-4{width:350px;height:350px;top:55%;left:10%}.circle-5{width:400px;height:400px;top:65%;left:60%}.circle-6{width:370px;height:370px;top:25%;left:70%}.links-grid{grid-template-columns:1fr}}@media (max-width:480px){.title{font-size:2rem}.subtitle{font-size:.9rem}.background{width:150%;height:200%}.circle{filter:blur(15px)}.circle-1{width:350px;height:350px}.circle-2{width:320px;height:320px}.circle-3{width:380px;height:380px}.circle-4{width:300px;height:300px}.circle-5{width:340px;height:340px}.circle-6{width:310px;height:310px}.category-btn{padding:.5rem 1rem;font-size:.9rem}}@media (min-width:1600px){.title{font-size:4rem}.subtitle{font-size:1.3rem}}