.nhost-hero-card{--bg-color:#0c111d;--card-border:#1f2937;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-color:#0052cc;--accent-glow:rgba(0,82,204,0.35);--brand-gradient:linear-gradient(135deg,#0052cc,#2684ff);font-family:var(--font-sans);width:100%;max-width:100%;background-color:var(--bg-color);border:1px solid var(--card-border);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 24px -1px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;z-index:1;text-align:left}.nhost-hero-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -5px rgba(0,0,0,.4),0 0 0 1px rgba(38,132,255,.3);border-color:rgba(38,132,255,.5)}.hero-card-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:30px 30px;mask-image:linear-gradient(180deg,black 40%,transparent);pointer-events:none;z-index:-2;transition:opacity .5s ease;opacity:.5}.nhost-hero-card:hover .hero-card-grid{animation:grid-move 20s linear infinite;opacity:.8}.hero-card-glow{position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,var(--accent-glow) 0,rgba(0,0,0,0) 70%);filter:blur(40px);z-index:-1;transition:all .5s ease}.nhost-hero-card:hover .hero-card-glow{transform:scale(1.5);background:radial-gradient(circle,rgba(38,132,255,.4) 0,rgba(0,0,0,0) 70%)}.hero-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hero-brand-wrapper{display:flex;align-items:center;gap:12px}.hero-logo-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:background .3s ease}.hero-nhost-logo{width:24px;height:24px;color:#fff;filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}.hero-brand-text{font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--text-primary)}.hero-action-buttons{display:flex;gap:8px}.hero-btn-icon{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.hero-btn-icon:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px)}.hero-icon{width:20px;height:20px;fill:currentColor}.hero-icon.star{transition:color .2s}.hero-btn-icon:hover .hero-icon.star{color:#ffffff;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}.hero-card-body{position:relative}.hero-repo-title{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center}.hero-blinking-cursor{display:inline-block;width:10px;height:3px;background-color:var(--accent-color);margin-left:6px;animation:blink 1s step-end infinite;box-shadow:0 0 8px var(--accent-color)}.hero-repo-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 24px}.hero-tag-wrapper{display:flex;flex-wrap:wrap;gap:10px}.hero-badge{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;transition:all .3s ease;cursor:default;position:relative;overflow:hidden}.hero-badge-js{background-color:rgba(247,223,30,.1);color:#f7df1e;border:1px solid rgba(247,223,30,.2)}.hero-badge-js:hover{background-color:rgba(247,223,30,.2);box-shadow:0 0 12px rgba(247,223,30,.2);transform:translateY(-1px)}.hero-badge-ts{background-color:rgba(49,120,198,.1);color:#3178c6;border:1px solid rgba(49,120,198,.2)}.hero-badge-ts:hover{background-color:rgba(49,120,198,.2);box-shadow:0 0 12px rgba(49,120,198,.3);transform:translateY(-1px)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes grid-move{0%{background-position:0 0}to{background-position:30px 30px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nhost-card{--bg-color:#0c111d;--card-border:#1f2937;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-color:#ffffff;--accent-glow:rgba(255,255,255,0.24);--brand-gradient:linear-gradient(135deg,#ffffff,#a1a1aa);font-family:Inter,system-ui,sans-serif;width:100%;max-width:100%;background-color:var(--bg-color);border:1px solid var(--card-border);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 24px -1px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;z-index:1}.nhost-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -5px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.18);border-color:rgba(255,255,255,.28)}.card-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:30px 30px;mask-image:linear-gradient(180deg,black 40%,transparent);pointer-events:none;z-index:-2;transition:opacity .5s ease;opacity:.5}.nhost-card:hover .card-grid{animation:grid-move 20s linear infinite;opacity:.8}.card-glow{position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,var(--accent-glow) 0,rgba(0,0,0,0) 70%);filter:blur(40px);z-index:-1;transition:all .5s ease}.nhost-card:hover .card-glow{transform:scale(1.5);background:radial-gradient(circle,rgba(255,255,255,.22) 0,rgba(0,0,0,0) 70%)}.card-header{justify-content:space-between;margin-bottom:24px}.brand-wrapper,.card-header{display:flex;align-items:center}.brand-wrapper{gap:12px}.logo-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:background .3s ease}.nhost-logo{width:24px;height:24px;color:#fff;filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}.brand-text{font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--text-primary)}.action-buttons{display:flex;gap:8px}.btn-icon{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px)}.icon{width:20px;height:20px;fill:currentColor}.icon.star{transition:color .2s}.btn-icon:hover .icon.star{color:#ffffff;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}.card-body{position:relative}.repo-title{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center}.blinking-cursor{display:inline-block;width:10px;height:3px;background-color:var(--accent-color);margin-left:6px;animation:blink 1s step-end infinite;box-shadow:0 0 8px var(--accent-color)}.repo-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 24px}.tag-wrapper{display:flex;flex-wrap:wrap;gap:10px}.badge{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;transition:all .3s ease;cursor:default;position:relative;overflow:hidden}.badge-js{background-color:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.2)}.badge-js:hover{background-color:rgba(255,255,255,.16);box-shadow:0 0 12px rgba(255,255,255,.16);transform:translateY(-1px)}.badge-ts{background-color:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.2)}.badge-ts:hover{background-color:rgba(255,255,255,.2);box-shadow:0 0 12px rgba(255,255,255,.3);transform:translateY(-1px)}