.nextjs-page{max-width:1000px;margin:0 auto;padding:2rem 2rem 4rem}.nextjs-page__back{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-purple);text-decoration:none;margin-bottom:1.5rem;transition:color .2s ease,gap .2s ease}.nextjs-page__back:hover{color:#ffffff;gap:.7rem}.nextjs-page__back-icon{width:1rem;height:1rem;flex-shrink:0}.nextjs-page__header{text-align:center;margin-bottom:3rem;padding:2.5rem 2rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.4)}.nextjs-page__header-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:14px;background:#f3f3f3;border:1px solid rgba(151,172,173,.15);margin-bottom:1.25rem}.nextjs-page__bolt-icon{width:1.5rem;height:1.5rem;color:var(--color-teal)}.nextjs-page__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,#ffffff,var(--color-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem}.nextjs-page__intro{font-size:1.05rem;color:var(--color-purple);line-height:1.6;max-width:600px;margin:0 auto}.nextjs-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));grid-gap:1.5rem;gap:1.5rem}.nextjs-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px rgba(0,0,0,.3);text-decoration:none;color:inherit;display:block}.nextjs-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.5)}.nextjs-card__body{padding:1.5rem}.nextjs-card__top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.nextjs-card__badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .65rem;border-radius:6px;background:rgba(151,172,173,.2);color:var(--color-teal)}.nextjs-card__badge-icon{width:.8rem;height:.8rem}.nextjs-card__badge-svg{width:.85rem;height:.85rem;opacity:.9;padding:.1rem;background:#f3f3f3;border-radius:3px}.nextjs-card__live-dot{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#4ade80;text-decoration:none;padding:.2rem .5rem;border-radius:6px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.15);transition:background .2s ease}.nextjs-card__live-dot:hover{background:rgba(74,222,128,.18)}.nextjs-card__live-icon{width:.8rem;height:.8rem}.nextjs-card__title{font-size:1.35rem;font-weight:700;color:#ffffff;margin:0 0 .5rem}.nextjs-card__tagline{font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.5;margin:0 0 1rem}.nextjs-card__tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.nextjs-card__tag{font-size:.7rem;font-weight:500;padding:.2rem .6rem;border-radius:6px;background:rgba(173,164,151,.12);color:var(--color-warm);border:1px solid rgba(173,164,151,.15)}.nextjs-card__arrow{font-size:.85rem;color:var(--color-teal);font-weight:600;display:inline-flex;align-items:center;gap:.4rem;transition:gap .2s ease}.nextjs-card:hover .nextjs-card__arrow{gap:.7rem}.nextjs-card__arrow-icon{width:.9rem;height:.9rem;transition:transform .2s ease}.nextjs-card:hover .nextjs-card__arrow-icon{transform:translateX(2px)}@media (max-width:768px){.nextjs-page{padding:1.5rem 1rem 3rem}.nextjs-page__header{padding:1.75rem 1.5rem;margin-bottom:2rem}.nextjs-page__grid{grid-template-columns:1fr;gap:1.25rem}}@media (max-width:480px){.nextjs-page__header{border-radius:16px;padding:1.25rem}.nextjs-card{border-radius:12px}.nextjs-card__body{padding:1.25rem}}