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:gray}.app-title{color:#c084fc;font-size:1.5rem;font-weight:700;letter-spacing:.025em;margin-top:16px}.search-container{display:flex;justify-content:center;margin-bottom:32px}.search-input{background-color:#18181b;border:1px solid #3f3f46;border-radius:8px;padding:8px 16px;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}