.card[data-v-c4e49272]{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:1.5rem;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.75rem}.card[data-v-c4e49272]:hover{transform:translateY(-3px);border-color:#667eea;box-shadow:0 8px 25px #667eea26}.card-header[data-v-c4e49272]{display:flex;align-items:center;justify-content:space-between}.badges[data-v-c4e49272]{display:flex;gap:.4rem}.project-name[data-v-c4e49272]{font-size:1.2rem;font-weight:600;color:#e0e0ff;margin:0}.featured-badge[data-v-c4e49272]{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2em .6em;border-radius:9999px;background:#667eea22;color:#667eea;border:1px solid #667eea44}.live-badge[data-v-c4e49272]{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2em .6em;border-radius:9999px;background:#22c55e22;color:#22c55e;border:1px solid #22c55e44}.description[data-v-c4e49272]{color:#a0a0c0;font-size:.9rem;line-height:1.5;margin:0;flex-grow:1}.topics[data-v-c4e49272]{display:flex;flex-wrap:wrap;gap:.4rem}.topic[data-v-c4e49272]{font-size:.75rem;padding:.2em .6em;border-radius:9999px;background:#667eea22;color:#667eea;border:1px solid #667eea33}.card-footer[data-v-c4e49272]{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#666}.language[data-v-c4e49272]{display:flex;align-items:center;gap:.4rem}.lang-dot[data-v-c4e49272]{width:10px;height:10px;border-radius:50%;display:inline-block}.updated[data-v-c4e49272]{color:#555}.card-actions[data-v-c4e49272]{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid #2a2a4a}.btn[data-v-c4e49272]{font-size:.8rem;padding:.4em 1em;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s}.btn-github[data-v-c4e49272]{color:#e0e0ff;background:#2a2a4a}.btn-github[data-v-c4e49272]:hover{background:#3a3a5a}.btn-live[data-v-c4e49272]{color:#22c55e;background:#22c55e15}.btn-live[data-v-c4e49272]:hover{background:#22c55e25}.home[data-v-2685fe7d]{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.[data-v-2685fe7d]{text-align:center;margin-bottom:3rem}. h1[data-v-2685fe7d]{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-2685fe7d]{font-size:1.1rem;color:#888}.projects-grid[data-v-2685fe7d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.loading[data-v-2685fe7d]{text-align:center;padding:4rem 0;color:#888}.spinner[data-v-2685fe7d]{width:40px;height:40px;border:3px solid #333;border-top-color:#667eea;border-radius:50%;margin:0 auto 1rem;animation:spin-2685fe7d .8s linear infinite}@keyframes spin-2685fe7d{to{transform:rotate(360deg)}}.error-message[data-v-2685fe7d]{text-align:center;padding:2rem;color:#e74c3c;background:#2a1a1a;border-radius:12px}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#e0e0ff;background-color:#0d0d1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:inherit;text-decoration:none}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a2e;color:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#667eea}#app{margin:0 auto}#app[data-v-78f9e058]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-78f9e058]{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #1a1a2e;background:#0d0d1a}.nav-brand[data-v-78f9e058]{font-size:1.2rem;font-weight:700;color:#e0e0ff;text-decoration:none;display:flex;align-items:center;gap:.4rem}.brand-icon[data-v-78f9e058]{font-size:1.4rem}.nav-links[data-v-78f9e058]{display:flex;gap:1.5rem}.nav-link[data-v-78f9e058]{color:#888;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.nav-link[data-v-78f9e058]:hover,.nav-link.active[data-v-78f9e058]{color:#667eea}main[data-v-78f9e058]{flex:1}.site-footer[data-v-78f9e058]{text-align:center;padding:2rem;color:#444;font-size:.85rem;border-top:1px solid #1a1a2e}