@import"https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&display=swap";body{background-color:#000;color:#fff;font-family:Courier New,monospace;margin:0;padding:0}.app-container{min-height:100vh;padding:24px}.projects-grid{margin-top:20px}.app-header{text-align:center;margin-bottom:40px}.back-link{color:#c084fc;text-decoration:none;display:flex;align-items:center;position:absolute;padding:12px 16px;border-radius:8px;box-shadow:0 4px 6px #00000080;font-size:1rem;background-color:transparent;font-weight:600;transition:transform .3s ease,background-color .3s ease,color .3s ease;top:20px;left:20px}.back-link:hover{transform:scale(1.1);color:#facc15;background-color:#3f3f3fcc;box-shadow:0 6px 8px #000000b3}.contador{position:absolute;top:20px;right:20px;color:#a855f7;background:rgba(168,85,247,.1);padding:8px 16px;border-radius:20px;border:1px solid rgba(168,85,247,.3);font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-title{color:#c084fc;font-size:2rem;font-weight:700;font-family:Smooch Sans,sans-serif;letter-spacing:.025em;margin-top:9px;text-shadow:0 0 10px rgba(192,132,252,.5);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(192,132,252,.5);color:#c084fc}50%{text-shadow:0 0 20px rgba(192,132,252,.8);color:#e9d5ff}}.search-container{display:flex;justify-content:center;margin-bottom:12px}.search-input{background-color:#18181b;border:1px solid #3f3f46;border-radius:8px;padding:8px;width:100%;max-width:448px;color:#fff}.search-input:focus{outline:none;box-shadow:0 0 0 2px #a855f7}.projects-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media (min-width: 640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.sort-container{display:flex;justify-content:center;margin-bottom:24px}.sort-buttons{display:flex;gap:12px;flex-wrap:wrap}.sort-btn{background:#18181b;color:#fff;border:1px solid #3f3f46;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Fira Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.sort-btn:hover{background:#3f3f46;border-color:#a855f7;box-shadow:0 0 10px #a855f74d}.sort-btn.active{background:#a855f7;color:#fff;border-color:#a855f7;box-shadow:0 0 15px #a855f766}.sort-btn.active:hover{background:#9333ea;box-shadow:0 0 20px #a855f780}