@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Caveat:wght@400;700&display=swap');

/* Base CSS Reset & Masonry Structure */
:root {
      --bg-gradient: linear-gradient(180deg, #f0f4fd 0%, #e0ebf9 100%);
      --text-dark: #1a1f36;
      --text-muted: #6b7280;
      --primary: #4f46e5;
      --radius-sm: 8px;
      --radius-md: 16px;
      --radius-lg: 24px;
      --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);
      --shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.1);
}

* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
}

body {
      font-family: 'Inter', -apple-system, sans-serif;
      background: var(--bg-gradient);
      min-height: 100vh;
      color: var(--text-dark);
      padding: 40px 20px;
}

.page-container {
      max-width: 1400px;
      margin: 0 auto;
}

/* Header Aesthetics */
.hero-header {
      text-align: center;
      margin-bottom: 60px;
      padding-top: 40px;
}

.logo {
      font-weight: 700;
      font-size: 1.2rem;
      color: var(--primary);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 20px;
}

.glow-text {
      font-size: 4.5rem;
      font-weight: 800;
      line-height: 1.1;
      margin-bottom: 20px;
      background: linear-gradient(135deg, #1a1f36, #4f46e5, #ec4899);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      text-shadow: 0 10px 30px rgba(79, 70, 229, 0.2);
}

.subtitle {
      font-size: 1.25rem;
      color: var(--text-muted);
      max-width: 600px;
      margin: 0 auto 40px;
      line-height: 1.6;
}

.pill-nav {
      display: flex;
      justify-content: center;
      gap: 12px;
}

.pill {
      border: 1px solid rgba(0, 0, 0, 0.1);
      background: rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(10px);
      padding: 10px 24px;
      border-radius: 40px;
      font-family: 'Inter', sans-serif;
      font-weight: 500;
      color: var(--text-dark);
      cursor: pointer;
      transition: all 0.2s ease;
}

.pill:hover,
.pill.active {
      background: var(--text-dark);
      color: #fff;
      border-color: var(--text-dark);
}

/* Masonry Layout core */
.masonry-grid {
      column-count: 3;
      column-gap: 30px;
      padding: 20px 0;
}

@media (max-width: 1024px) {
      .masonry-grid {
            column-count: 3;
      }

      .profile-card .card-inner {
            zoom: 0.7;
      }
}

@media (max-width: 640px) {
      .masonry-grid {
            column-count: 3;
            column-gap: 10px;
            padding: 10px 0;
      }

      .profile-card {
            margin-bottom: 10px;
            border-radius: var(--radius-sm);
      }

      .profile-card .card-inner {
            zoom: 0.28;
      }
}

.profile-card {
      break-inside: avoid;
      margin-bottom: 30px;
      border-radius: var(--radius-lg);
      transform: translateY(0);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      background: #fff;
      box-shadow: var(--shadow-soft);

      /* Instagram Story Size Formatting */
      aspect-ratio: 9 / 16;
      position: relative;
      overflow: hidden;
}

.profile-card .card-inner {
      height: 100%;
      width: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
}

.profile-card:hover {
      transform: translateY(-5px);
      box-shadow: var(--shadow-hover);
}

/* =========================================================
   INDIVIDUAL CARD STYLES
   ========================================================= */

/* BIRTHDAY: Neon Night */
.card-bday-neon {
      background: #050510;
      border: 1px solid #1a1a3a;
      padding: 0;
}

.card-bday-neon .card-inner {
      padding: 40px 20px;
      text-align: center;
      position: relative;
      overflow: hidden;
      height: 100%;
}

.card-bday-neon .neon-bg {
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle at 50% 50%, rgba(255, 0, 255, 0.15), transparent 60%);
      pointer-events: none;
}

.card-bday-neon .content {
      position: relative;
      z-index: 2;
}

.card-bday-neon .neon-text {
      font-family: 'Righteous', cursive;
      font-size: 3rem;
      color: #fff;
      text-shadow: 0 0 10px #f0f, 0 0 20px #f0f, 0 0 30px #f0f;
      line-height: 1;
      margin-bottom: 30px;
}

.card-bday-neon .photo-circle {
      width: 150px;
      height: 150px;
      margin: 0 auto 20px;
      border-radius: 50%;
      padding: 5px;
      background: linear-gradient(45deg, #0ff, #f0f);
      box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
}

.card-bday-neon .photo-circle img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      object-fit: cover;
}

.card-bday-neon .neon-sub {
      font-family: 'Inter', sans-serif;
      color: #0ff;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-size: 0.9rem;
      text-shadow: 0 0 5px #0ff;
      margin-top: 15px;
}

/* BIRTHDAY: Soft Pastel */
.card-bday-pastel {
      background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
      padding: 0;
}

.card-bday-pastel .card-inner {
      padding: 30px;
      position: relative;
      overflow: hidden;
      text-align: center;
}

.card-bday-pastel .pastel-blobs {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at top left, rgba(255, 182, 193, 0.4) 0%, transparent 50%), radial-gradient(circle at bottom right, rgba(135, 206, 235, 0.4) 0%, transparent 50%);
      pointer-events: none;
}

.card-bday-pastel .overlap-content {
      position: relative;
      z-index: 2;
}

.card-bday-pastel .main-img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      margin-bottom: -30px;
      position: relative;
      z-index: 1;
}

.card-bday-pastel .cursive-text {
      font-family: 'Great Vibes', cursive;
      font-size: 4.5rem;
      color: #ff69b4;
      text-shadow: 2px 2px 0 #fff;
      position: relative;
      z-index: 2;
      line-height: 0.8;
}

.card-bday-pastel .name-text {
      font-family: 'Inter', sans-serif;
      font-weight: 700;
      font-size: 1.5rem;
      color: #333;
      text-transform: uppercase;
      letter-spacing: 5px;
      margin-top: 10px;
}

/* BIRTHDAY: Gold Luxury */
.card-bday-gold {
      background: #111;
      color: #fff;
      padding: 0;
}

.card-bday-gold .card-inner {
      padding: 25px;
}

.card-bday-gold .gold-border {
      border: 2px solid #d4af37;
      padding: 30px 20px;
      text-align: center;
      position: relative;
}

.card-bday-gold .gold-heading {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 4px;
      color: #a67c00;
      margin-bottom: 15px;
}

.card-bday-gold .gold-name {
      font-family: 'Playfair Display', serif;
      font-size: 2rem;
      color: #d4af37;
      letter-spacing: 2px;
      margin-bottom: 20px;
      background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
}

.card-bday-gold .gold-divider {
      width: 50px;
      height: 1px;
      background: #d4af37;
      margin: 0 auto 20px;
}

.card-bday-gold img {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      object-fit: cover;
      filter: grayscale(100%);
      border: 2px solid #d4af37;
      margin-bottom: 20px;
      padding: 3px;
}

.card-bday-gold .gold-date {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 2px;
      color: #888;
}

/* BIRTHDAY: Polaroid Snapshot */
.card-bday-polaroid {
      background: #f4f4f9;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 40px 20px;
}

.card-bday-polaroid .card-inner {
      transform: rotate(-3deg);
      transition: transform 0.3s;
      width: 100%;
}

.card-bday-polaroid.profile-card:hover .card-inner {
      transform: rotate(0deg);
}

.card-bday-polaroid .polaroid-frame {
      background: #fff;
      padding: 15px 15px 50px 15px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
      position: relative;
}

.card-bday-polaroid .polaroid-frame img {
      width: 100%;
      height: 280px;
      object-fit: cover;
      background: #000;
}

.card-bday-polaroid .tape {
      position: absolute;
      top: -15px;
      left: 50%;
      transform: translateX(-50%) rotate(-2deg);
      width: 100px;
      height: 35px;
      background: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(4px);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      border-left: 2px dashed rgba(0, 0, 0, 0.1);
      border-right: 2px dashed rgba(0, 0, 0, 0.1);
}

.card-bday-polaroid .caption {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%;
      text-align: center;
}

.card-bday-polaroid .marker-font {
      font-family: 'Caveat', cursive;
      font-size: 2rem;
      color: #111;
}

/* BIRTHDAY: Minimal Floral Arch */
.card-bday-floral {
      background: #faf7f2;
      text-align: center;
      padding: 0;
}

.card-bday-floral .card-inner {
      padding: 40px 20px;
}

.card-bday-floral .arch-frame {
      width: 180px;
      height: 250px;
      margin: 0 auto 30px;
      border-radius: 90px 90px 0 0;
      overflow: hidden;
      border: 5px solid #fff;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
      background: #e8dccb;
}

.card-bday-floral .arch-frame img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: sepia(20%);
}

.card-bday-floral .serif-title {
      font-family: 'Playfair Display', serif;
      font-size: 2rem;
      color: #4a4238;
      margin-bottom: 10px;
      font-style: italic;
}

.card-bday-floral .sub-text {
      font-family: 'Inter', sans-serif;
      font-size: 0.9rem;
      color: #8c8273;
      letter-spacing: 1px;
      text-transform: uppercase;
}

/* BIRTHDAY: Premium Editorial */
.card-bday-editorial {
      background: #fdfaf5;
      padding: 0;
}

.card-bday-editorial .card-inner {
      position: relative;
      padding: 25px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      background: #f8f4e6;
      box-shadow: inset 0 0 100px rgba(100, 80, 60, 0.05);
}

.card-bday-editorial .editorial-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
}

.card-bday-editorial .bg-noise {
      width: 100%;
      height: 100%;
      opacity: 0.4;
      background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');
      mix-blend-mode: multiply;
}

.card-bday-editorial .bg-typo {
      position: absolute;
      writing-mode: vertical-rl;
      text-orientation: mixed;
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 8rem;
      color: #fff8eb;
      opacity: 0.8;
      top: -30px;
      right: 20px;
      z-index: 1;
      letter-spacing: -5px;
      line-height: 0.8;
}

.card-bday-editorial .photo-wrapper {
      position: absolute;
      top: 80px;
      left: 30px;
      width: 180px;
      height: 260px;
      z-index: 5;
}

.card-bday-editorial .model-main {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
      position: relative;
      z-index: 2;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.card-bday-editorial .model-shadow {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
      left: 25px;
      top: -10px;
      filter: grayscale(100%) blur(4px) brightness(1.2);
      opacity: 0.45;
      z-index: 1;
      mix-blend-mode: multiply;
}

.card-bday-editorial .script-overlay {
      position: absolute;
      z-index: 10;
      font-family: 'Great Vibes', cursive;
      color: #8B1E1E;
      font-size: 5rem;
      top: 290px;
      left: -10px;
      transform: rotate(-10deg);
      text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.5);
}

.card-bday-editorial .decor-arrows {
      position: absolute;
      top: 30px;
      left: 30px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      color: #8B1E1E;
      font-size: 0.8rem;
      z-index: 10;
}

.card-bday-editorial .date-block {
      position: absolute;
      right: 25px;
      bottom: 80px;
      text-align: right;
      z-index: 10;
      color: #8B1E1E;
}

.card-bday-editorial .d-month {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 5px;
}

.card-bday-editorial .d-sub {
      font-family: 'Playfair Display', serif;
      font-size: 0.9rem;
      font-style: italic;
      margin-bottom: 5px;
}

.card-bday-editorial .d-num {
      font-family: 'Playfair Display', serif;
      font-size: 4rem;
      font-weight: 700;
      line-height: 0.8;
}

.card-bday-editorial .quote-block {
      position: absolute;
      bottom: 30px;
      left: 30px;
      max-width: 200px;
      display: flex;
      gap: 10px;
      z-index: 10;
      align-items: flex-start;
}

.card-bday-editorial .red-dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #8B1E1E;
      flex-shrink: 0;
      margin-top: 5px;
}

.card-bday-editorial .quote-block p {
      font-family: 'Inter', sans-serif;
      font-size: 0.75rem;
      color: #8B1E1E;
      line-height: 1.6;
}

/* BATCH 1: TYPOGRAPHY FOCUS (Cards 1-10) */

.card-bday-edit-1 {
      background: #EAE6DF;
}

.card-bday-edit-1 .card-inner {
      padding: 20px;
      text-align: center;
      justify-content: flex-end;
}

.card-bday-edit-1 .massive-bg-text {
      position: absolute;
      font-family: 'Inter', sans-serif;
      font-size: 15rem;
      font-weight: 900;
      color: #FFF;
      opacity: 0.5;
      top: 10%;
      left: -50%;
      line-height: 0.8;
      word-break: break-all;
      z-index: 1;
      pointer-events: none;
}

.card-bday-edit-1 .main-portrait {
      width: 90%;
      height: 60%;
      object-fit: cover;
      z-index: 2;
      border-radius: 4px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
      margin: 0 auto 30px;
}

.card-bday-edit-1 .bottom-quote {
      z-index: 2;
      display: flex;
      gap: 10px;
      text-align: left;
      margin-bottom: 20px;
}

.card-bday-edit-1 .bottom-quote p {
      font-size: 0.8rem;
      font-family: 'Inter', sans-serif;
      color: #555;
}

.card-bday-edit-1 .red-dot {
      width: 8px;
      height: 8px;
      background: #8B1E1E;
      border-radius: 50%;
      margin-top: 5px;
      flex-shrink: 0;
}

.card-bday-edit-1 .date-stamp {
      font-family: 'Playfair Display', serif;
      color: #8B1E1E;
      font-size: 1.2rem;
      align-self: flex-end;
      z-index: 2;
}

.card-bday-edit-2 {
      background: #F4F0EA;
}

.card-bday-edit-2 .card-inner {
      padding: 40px;
      justify-content: space-between;
      align-items: flex-end;
}

.card-bday-edit-2 .small-portrait {
      width: 150px;
      height: 200px;
      object-fit: cover;
      align-self: flex-end;
      filter: grayscale(50%);
      border: 1px solid #ddd;
}

.card-bday-edit-2 .left-align-text {
      align-self: flex-start;
      text-align: left;
}

.card-bday-edit-2 h2 {
      font-family: 'Inter', sans-serif;
      font-size: 4rem;
      font-weight: 300;
      letter-spacing: -2px;
      margin-bottom: 15px;
}

.card-bday-edit-2 p {
      font-family: 'Playfair Display', serif;
      font-style: italic;
      color: #666;
      margin-bottom: 20px;
}

.card-bday-edit-2 .red-line {
      height: 1px;
      width: 40px;
      background: #8B1E1E;
      margin-bottom: 10px;
}

.card-bday-edit-2 span {
      font-family: 'Inter', sans-serif;
      font-size: 0.7rem;
      color: #8B1E1E;
      letter-spacing: 2px;
}

.card-bday-edit-3 {
      background: #FFF;
}

.card-bday-edit-3 .card-inner {
      padding: 0;
}

.card-bday-edit-3 .top-half {
      height: 50%;
      width: 100%;
      border-bottom: 3px solid #8B1E1E;
}

.card-bday-edit-3 .top-half img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: contrast(1.1) brightness(0.9);
}

.card-bday-edit-3 .bottom-half {
      height: 50%;
      background: #F9F6F0;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
}

.card-bday-edit-3 h2 {
      font-family: 'Playfair Display', serif;
      font-size: 3.5rem;
      line-height: 0.9;
      color: #333;
}

.card-bday-edit-3 .script-tag {
      position: absolute;
      font-family: 'Great Vibes', cursive;
      color: #8B1E1E;
      font-size: 4rem;
      top: 50%;
      transform: translateY(-50%) rotate(-5deg);
      opacity: 0.8;
}

.card-bday-edit-4 {
      background: #E5E1D8;
}

.card-bday-edit-4 .card-inner {
      flex-direction: row;
      padding: 20px;
}

.card-bday-edit-4 .side-strip {
      width: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-right: 1px solid #CCC;
      margin-right: 20px;
}

.card-bday-edit-4 .side-strip span {
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 4px;
      color: #8B1E1E;
}

.card-bday-edit-4 .main-content {
      flex: 1;
      position: relative;
      background: #FFF;
      padding: 10px;
}

.card-bday-edit-4 .main-content img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-4 .corner-date {
      position: absolute;
      bottom: -15px;
      right: -15px;
      background: #FFF;
      padding: 10px;
      font-family: 'Playfair Display', serif;
      font-size: 5rem;
      line-height: 0.8;
      font-weight: bold;
      color: #8B1E1E;
}

.card-bday-edit-5 .card-inner {
      padding: 0;
      position: relative;
}

.card-bday-edit-5 .macro-shot {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: sepia(0.3) contrast(1.2);
}

.card-bday-edit-5 .typo-overlay {
      position: absolute;
      bottom: 30px;
      left: 20px;
}

.card-bday-edit-5 h2 {
      font-family: 'Inter', sans-serif;
      font-size: 3.5rem;
      font-weight: 800;
      color: #FFF;
      mix-blend-mode: overlay;
}

.card-bday-edit-5 .floating-text {
      position: absolute;
      top: 40px;
      right: 20px;
      text-align: right;
      border-top: 2px solid #8B1E1E;
      padding-top: 10px;
}

.card-bday-edit-5 .floating-text p {
      font-family: 'Playfair Display', serif;
      font-style: italic;
      color: #FFF;
      font-size: 1rem;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.card-bday-edit-6 {
      background: #F8F4ED;
}

.card-bday-edit-6 .card-inner {
      padding: 30px;
      position: relative;
}

.card-bday-edit-6 .diag-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: #E8E2D6;
      transform: skewY(-15deg);
      transform-origin: top left;
      z-index: 0;
}

.card-bday-edit-6 img {
      width: 80%;
      margin: auto;
      position: relative;
      z-index: 1;
      border-radius: 8px;
      box-shadow: 10px 10px 0 rgba(139, 30, 30, 0.1);
}

.card-bday-edit-6 .diag-text {
      position: absolute;
      top: 50%;
      left: -10%;
      transform: rotate(-15deg);
      font-family: 'Inter', sans-serif;
      font-size: 4rem;
      font-weight: 900;
      color: transparent;
      -webkit-text-stroke: 1px #8B1E1E;
      z-index: 2;
      opacity: 0.8;
}

.card-bday-edit-6 .red-box {
      position: absolute;
      bottom: 40px;
      right: 40px;
      background: #8B1E1E;
      padding: 10px 20px;
      z-index: 3;
}

.card-bday-edit-6 .red-box span {
      color: #FFF;
      font-family: 'Playfair Display', serif;
      letter-spacing: 5px;
}

.card-bday-edit-7 {
      background: #FFF;
}

.card-bday-edit-7 .card-inner {
      padding: 20px;
      position: relative;
      justify-content: space-between;
}

.card-bday-edit-7 .mag-title {
      font-family: 'Playfair Display', serif;
      font-size: 5rem;
      text-align: center;
      color: #111;
      position: absolute;
      top: 10px;
      width: 100%;
      left: 0;
      z-index: 1;
      letter-spacing: -2px;
}

.card-bday-edit-7 .mag-model {
      width: 100%;
      height: 75%;
      object-fit: cover;
      z-index: 2;
      margin-top: 60px;
}

.card-bday-edit-7 .mag-footer {
      display: flex;
      justify-content: space-between;
      font-family: 'Inter', sans-serif;
      font-size: 0.7rem;
      color: #8B1E1E;
      border-top: 1px solid #8B1E1E;
      padding-top: 10px;
}

.card-bday-edit-8 {
      background: #EFEBE0;
}

.card-bday-edit-8 .card-inner {
      padding: 30px;
}

.card-bday-edit-8 .grid-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 2fr 1fr;
      height: 100%;
      gap: 15px;
}

.card-bday-edit-8 .grid-img {
      grid-column: 1 / 3;
      grid-row: 1 / 2;
}

.card-bday-edit-8 .grid-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-8 .grid-empty {
      border: 1px dashed #8B1E1E;
      display: flex;
      align-items: center;
      justify-content: center;
}

.card-bday-edit-8 .red-arrow {
      font-size: 2rem;
      color: #8B1E1E;
      font-family: 'Inter', sans-serif;
}

.card-bday-edit-8 .grid-text-large {
      font-family: 'Playfair Display', serif;
      font-size: 6rem;
      line-height: 1;
      color: #333;
      align-self: end;
}

.card-bday-edit-8 .grid-text-small {
      grid-column: 1 / 3;
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      color: #555;
      text-transform: uppercase;
      border-top: 1px solid #CCC;
      padding-top: 10px;
}

.card-bday-edit-9 .card-inner {
      padding: 0;
      position: relative;
}

.card-bday-edit-9 .full-bg {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-9 .diff-text {
      position: absolute;
      top: 40px;
      left: 20px;
      mix-blend-mode: difference;
      color: #FFF;
      z-index: 2;
}

.card-bday-edit-9 .diff-text h2 {
      font-family: 'Inter', sans-serif;
      font-size: 3rem;
      font-weight: 300;
      letter-spacing: 2px;
}

.card-bday-edit-9 .diff-date {
      position: absolute;
      bottom: 30px;
      right: 20px;
      mix-blend-mode: difference;
      color: #FFF;
      font-family: 'Inter', sans-serif;
      font-size: 0.9rem;
      letter-spacing: 5px;
      transform: rotate(-90deg);
      transform-origin: right bottom;
}

.card-bday-edit-10 {
      background: #FDFBF7;
}

.card-bday-edit-10 .card-inner {
      padding: 20px;
      align-items: center;
      justify-content: center;
      position: relative;
}

.card-bday-edit-10 .arch-text {
      width: 80%;
      position: absolute;
      top: 10%;
      fill: #8B1E1E;
      font-family: 'Inter', sans-serif;
      font-size: 10px;
      letter-spacing: 2px;
      text-transform: uppercase;
      animation: spin 20s linear infinite;
}

@keyframes spin {
      100% {
            transform: rotate(360deg);
      }
}

.card-bday-edit-10 .circle-mask {
      width: 220px;
      height: 220px;
      border-radius: 50%;
      overflow: hidden;
      z-index: 2;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.card-bday-edit-10 .circle-mask img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-10 .bottom-serif {
      position: absolute;
      bottom: 40px;
      text-align: center;
}

.card-bday-edit-10 .red-serif {
      font-family: 'Playfair Display', serif;
      font-size: 4rem;
      color: #8B1E1E;
      font-style: italic;
}

/* BATCH 2: COLLAGE & LAYERING (Cards 11-20) */

.card-bday-edit-11 {
      background: #EAE6DF;
}

.card-bday-edit-11 .card-inner {
      padding: 40px 20px;
      align-items: center;
      justify-content: center;
      position: relative;
}

.card-bday-edit-11 .torn-top,
.card-bday-edit-11 .torn-bottom {
      position: absolute;
      width: 100%;
      height: 20px;
      background: #EAE6DF;
      z-index: 5;
}

.card-bday-edit-11 .torn-top {
      top: 0;
      left: 0;
      clip-path: polygon(0 0, 100% 0, 100% 10%, 95% 40%, 90% 10%, 85% 60%, 80% 20%, 75% 50%, 70% 10%, 65% 80%, 60% 30%, 55% 60%, 50% 15%, 45% 70%, 40% 20%, 35% 50%, 30% 10%, 25% 60%, 20% 20%, 15% 50%, 10% 10%, 5% 40%, 0 0);
}

.card-bday-edit-11 .torn-bottom {
      bottom: 0;
      left: 0;
      background: #FFF;
      clip-path: polygon(0 100%, 100% 100%, 100% 90%, 95% 60%, 90% 90%, 85% 40%, 80% 80%, 75% 50%, 70% 90%, 65% 20%, 60% 70%, 55% 40%, 50% 85%, 45% 30%, 40% 80%, 35% 50%, 30% 90%, 25% 40%, 20% 80%, 15% 50%, 10% 90%, 5% 60%, 0 100%);
}

.card-bday-edit-11 .collage-layer {
      width: 90%;
      position: relative;
      padding: 10px;
      background: #FFF;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
      transform: rotate(2deg);
      z-index: 1;
}

.card-bday-edit-11 .collage-layer img {
      width: 100%;
      height: 250px;
      object-fit: cover;
}

.card-bday-edit-11 .tape-strip {
      position: absolute;
      top: -10px;
      left: 50%;
      width: 60px;
      height: 20px;
      background: rgba(255, 255, 255, 0.7);
      transform: translateX(-50%) rotate(-3deg);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      z-index: 2;
}

.card-bday-edit-11 .torn-text {
      font-family: 'Playfair Display', serif;
      font-size: 3.5rem;
      color: #8B1E1E;
      margin-top: 30px;
      transform: rotate(-2deg);
      z-index: 2;
      position: relative;
}

.card-bday-edit-11 .torn-sub {
      font-family: 'Inter', sans-serif;
      font-size: 0.9rem;
      color: #666;
      text-transform: uppercase;
      letter-spacing: 2px;
      z-index: 2;
      position: relative;
}

.card-bday-edit-12 {
      background: #111;
}

.card-bday-edit-12 .card-inner {
      padding: 30px;
      align-items: center;
      justify-content: center;
      position: relative;
}

.card-bday-edit-12 .sil-bg {
      position: absolute;
      top: 10%;
      left: 10%;
      width: 80%;
      height: 80%;
      background: #8B1E1E;
      border-radius: 20px;
      filter: blur(40px);
      opacity: 0.4;
}

.card-bday-edit-12 img {
      width: 100%;
      height: 75%;
      object-fit: cover;
      filter: grayscale(100%) contrast(1.5) brightness(0.8);
      position: relative;
      z-index: 2;
      mix-blend-mode: screen;
}

.card-bday-edit-12 .sil-text {
      position: absolute;
      z-index: 3;
      color: #FFF;
      font-family: 'Inter', sans-serif;
      font-size: 2.8rem;
      letter-spacing: 12px;
      bottom: 15%;
      opacity: 0.9;
      text-align: center;
      left: 0;
      width: 100%;
}

.card-bday-edit-12 .sil-date {
      position: absolute;
      bottom: 20px;
      right: 20px;
      color: #8B1E1E;
      font-family: 'Playfair Display', serif;
      font-size: 1.2rem;
      z-index: 3;
}

.card-bday-edit-13 {
      background: #FFF;
}

.card-bday-edit-13 .card-inner {
      padding: 0;
      position: relative;
}

.card-bday-edit-13 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-13 .fade-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60%;
      background: linear-gradient(to top, #FDFAF5 20%, transparent 100%);
      z-index: 1;
}

.card-bday-edit-13 .fade-content {
      position: absolute;
      bottom: 40px;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 2;
}

.card-bday-edit-13 .fade-tag {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 6px;
      color: #8B1E1E;
      display: block;
      margin-bottom: 5px;
}

.card-bday-edit-13 h2 {
      font-family: 'Playfair Display', serif;
      font-size: 5rem;
      color: #333;
      line-height: 0.8;
}

.card-bday-edit-14 {
      background: #E5E1D8;
}

.card-bday-edit-14 .card-inner {
      padding: 0;
      position: relative;
      background: #CABFB4;
}

.card-bday-edit-14 .base-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.7;
}

.card-bday-edit-14 .mirrored-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scaleY(-1);
      opacity: 0.4;
      mix-blend-mode: overlay;
}

.card-bday-edit-14 .center-type {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 20px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(5px);
}

.card-bday-edit-14 h2 {
      font-family: 'Inter', sans-serif;
      font-size: 2.5rem;
      letter-spacing: 15px;
      margin-right: -15px;
      color: #FFF;
}

.card-bday-edit-15 {
      background: #F4F4F4;
}

.card-bday-edit-15 .card-inner {
      padding: 30px;
      display: flex;
      flex-direction: column;
      position: relative;
      justify-content: center;
}

.card-bday-edit-15 .mono-line {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50px;
      width: 1px;
      background: #CCC;
      z-index: 1;
}

.card-bday-edit-15 img {
      width: 80%;
      height: 60%;
      object-fit: cover;
      align-self: flex-end;
      filter: grayscale(100%);
      z-index: 2;
      box-shadow: -10px 10px 0 rgba(0, 0, 0, 0.03);
}

.card-bday-edit-15 .mono-text {
      margin-top: 30px;
      z-index: 2;
      padding-left: 30px;
}

.card-bday-edit-15 .mono-gray {
      font-family: 'Inter', sans-serif;
      font-size: 3.5rem;
      color: #999;
      line-height: 1;
      letter-spacing: -1px;
}

.card-bday-edit-15 .mono-red {
      font-family: 'Inter', sans-serif;
      font-size: 4rem;
      color: #8B1E1E;
      line-height: 0.9;
      letter-spacing: -2px;
}

.card-bday-edit-16 {
      background: #FDFBF7;
}

.card-bday-edit-16 .card-inner {
      padding: 40px;
      display: flex;
      justify-content: center;
      align-items: flex-start;
}

.card-bday-edit-16 .large-letter {
      font-family: 'Playfair Display', serif;
      font-size: 15rem;
      color: #EAE6DF;
      line-height: 0.8;
      margin-top: -20px;
}

.card-bday-edit-16 .script-across {
      font-family: 'Great Vibes', cursive;
      color: #8B1E1E;
      font-size: 5rem;
      margin-top: -80px;
      margin-left: 40px;
      margin-bottom: 20px;
      z-index: 2;
      position: relative;
}

.card-bday-edit-16 img {
      width: 100%;
      height: 50%;
      object-fit: cover;
      z-index: 1;
      position: relative;
}

.card-bday-edit-16 p {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      color: #666;
      margin-top: 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      text-align: center;
      width: 100%;
}

.card-bday-edit-17 {
      background: #E5E1D8;
      border: 2px solid #111;
      border-radius: 0;
      box-shadow: 8px 8px 0 #111;
}

.card-bday-edit-17 .card-inner {
      padding: 0;
}

.card-bday-edit-17 .brut-header {
      display: flex;
      justify-content: space-between;
      padding: 20px;
      border-bottom: 2px solid #111;
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 1.2rem;
      color: #111;
}

.card-bday-edit-17 img {
      width: 100%;
      height: 75%;
      object-fit: cover;
      filter: contrast(1.2) grayscale(0.2);
}

.card-bday-edit-17 .brut-footer {
      padding: 20px;
      border-top: 2px solid #111;
      background: #8B1E1E;
      text-align: center;
}

.card-bday-edit-17 .brut-footer h2 {
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 4rem;
      color: #FFF;
      line-height: 1;
      letter-spacing: -2px;
}

.card-bday-edit-18 {
      background: #FFFFFF;
}

.card-bday-edit-18 .card-inner {
      padding: 40px;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-bday-edit-18 .line-border {
      position: absolute;
      background: #8B1E1E;
}

.card-bday-edit-18 .line-border.top {
      top: 20px;
      left: 20px;
      right: 20px;
      height: 1px;
}

.card-bday-edit-18 .line-border.bottom {
      bottom: 20px;
      left: 20px;
      right: 20px;
      height: 1px;
}

.card-bday-edit-18 .line-border.left {
      top: 20px;
      bottom: 20px;
      left: 20px;
      width: 1px;
}

.card-bday-edit-18 .line-border.right {
      top: 20px;
      bottom: 20px;
      right: 20px;
      width: 1px;
}

.card-bday-edit-18 img {
      width: 80%;
      height: 70%;
      object-fit: cover;
}

.card-bday-edit-18 .micro-text {
      position: absolute;
      font-family: 'Inter', sans-serif;
      font-size: 10px;
      color: #8B1E1E;
      letter-spacing: 4px;
      writing-mode: vertical-rl;
}

.card-bday-edit-18 .left-micro {
      left: 8px;
      top: 30px;
      transform: rotate(180deg);
}

.card-bday-edit-18 .right-micro {
      right: 8px;
      bottom: 30px;
      transform: rotate(180deg);
}

.card-bday-edit-18 .center-serif {
      position: absolute;
      top: 10%;
      background: #FFF;
      padding: 0 10px;
      font-family: 'Playfair Display', serif;
      font-size: 3rem;
      color: #333;
}

.card-bday-edit-19 {
      background: #F2EFE9;
}

.card-bday-edit-19 .card-inner {
      padding: 30px;
      position: relative;
}

.card-bday-edit-19 .split-word {
      display: flex;
      flex-direction: column;
      font-family: 'Inter', sans-serif;
      font-weight: 800;
      font-size: 5rem;
      line-height: 0.85;
      color: #111;
      letter-spacing: -4px;
      z-index: 2;
      position: relative;
}

.card-bday-edit-19 .split-word span:nth-child(2) {
      padding-left: 20px;
      color: #8B1E1E;
}

.card-bday-edit-19 .split-word span:nth-child(3) {
      padding-left: 40px;
}

.card-bday-edit-19 img {
      position: absolute;
      right: 20px;
      bottom: 30px;
      width: 60%;
      height: 60%;
      object-fit: cover;
      z-index: 1;
}

.card-bday-edit-19 .corner-dot {
      position: absolute;
      bottom: 30px;
      left: 30px;
      width: 15px;
      height: 15px;
      background: #8B1E1E;
}

.card-bday-edit-20 {
      background: #FFF;
}

.card-bday-edit-20 .card-inner {
      padding: 40px;
      position: relative;
      justify-content: flex-start;
}

.card-bday-edit-20 .beige-box {
      position: absolute;
      top: 10%;
      right: 10%;
      width: 70%;
      height: 60%;
      background: #EFEBE0;
      z-index: 1;
}

.card-bday-edit-20 .off-grid-img {
      width: 80%;
      height: 50%;
      object-fit: cover;
      z-index: 2;
      position: relative;
      margin-top: 40px;
      box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}

.card-bday-edit-20 .overlap-title {
      z-index: 3;
      position: relative;
      font-family: 'Playfair Display', serif;
      font-size: 4rem;
      color: #8B1E1E;
      margin-top: -30px;
      margin-left: 30px;
      font-style: italic;
}

.card-bday-edit-20 .overlap-quote {
      z-index: 3;
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      color: #555;
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-top: 20px;
      padding-left: 30px;
}

/* BATCH 3: MIXED LAYOUTS (Cards 21-30) */

.card-bday-edit-21 {
      background: #E5E1D8;
}

.card-bday-edit-21 .card-inner {
      padding: 40px;
      position: relative;
      justify-content: space-between;
}

.card-bday-edit-21 .wrap-typo {
      font-family: 'Playfair Display', serif;
      font-size: 5rem;
      line-height: 0.8;
      color: #8B1E1E;
      position: relative;
      z-index: 2;
}

.card-bday-edit-21 .offset-frame {
      position: absolute;
      top: 100px;
      right: 20px;
      width: 60%;
      height: 60%;
      background: #FFF;
      padding: 10px;
      box-shadow: 15px 15px 0 rgba(0, 0, 0, 0.05);
      z-index: 1;
}

.card-bday-edit-21 .offset-frame img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: sepia(0.2);
}

.card-bday-edit-21 .polar-sub {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #555;
      position: relative;
      z-index: 2;
      align-self: flex-start;
}

.card-bday-edit-22 {
      background: #FFF;
}

.card-bday-edit-22 .card-inner {
      padding: 15px;
}

.card-bday-edit-22 .four-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 5px;
      height: 100%;
}

.card-bday-edit-22 .grid-cell {
      background: #EAE6DF;
      overflow: hidden;
      position: relative;
}

.card-bday-edit-22 .grid-cell img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: grayscale(100%);
}

.card-bday-edit-22 .typo-cell {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: #8B1E1E;
      color: #FFF;
      text-align: center;
}

.card-bday-edit-22 .typo-cell h2 {
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 4.5rem;
      line-height: 1;
      margin-bottom: 5px;
}

.card-bday-edit-22 .typo-cell span {
      font-family: 'Inter', sans-serif;
      letter-spacing: 4px;
      font-size: 0.7rem;
}

.card-bday-edit-23 {
      background: #111;
      padding: 10px;
}

.card-bday-edit-23 .card-inner {
      height: 100%;
      width: 100%;
      border: 1px solid #8B1E1E;
      position: relative;
      padding: 20px;
      align-items: center;
      justify-content: center;
}

.card-bday-edit-23 .stamp-border {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 5px;
      background: url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" xmlns="http://www.w3.org/2000/svg"><text x="5%25" y="15" font-family="monospace" font-size="12" fill="%238B1E1E">BIRTHDAY ISSUE * BIRTHDAY ISSUE * BIRTHDAY ISSUE</text></svg>');
      pointer-events: none;
}

.card-bday-edit-23 .stamp-img {
      width: 90%;
      height: 80%;
      object-fit: cover;
}

.card-bday-edit-23 .stamp-text {
      position: absolute;
      bottom: 40px;
      color: #FFF;
      font-family: 'Playfair Display', serif;
      font-size: 3rem;
      letter-spacing: 10px;
}

.card-bday-edit-24 {
      background: #FFF;
}

.card-bday-edit-24 .card-inner {
      padding: 0;
      position: relative;
}

.card-bday-edit-24 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-24 .central-strip {
      position: absolute;
      top: 40%;
      width: 100%;
      background: rgba(250, 247, 242, 0.9);
      backdrop-filter: blur(10px);
      padding: 30px 0;
      text-align: center;
      border-top: 1px solid #8B1E1E;
      border-bottom: 1px solid #8B1E1E;
}

.card-bday-edit-24 .central-strip h2 {
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 3.5rem;
      letter-spacing: -1px;
      color: #8B1E1E;
      margin-bottom: 5px;
}

.card-bday-edit-24 .central-strip p {
      font-family: 'Inter', sans-serif;
      font-size: 0.75rem;
      color: #333;
      letter-spacing: 4px;
}

.card-bday-edit-25 {
      background: #F8F4ED;
}

.card-bday-edit-25 .card-inner {
      padding: 30px;
      position: relative;
      align-items: center;
      justify-content: space-between;
}

.card-bday-edit-25 .float-title {
      font-family: 'Playfair Display', serif;
      font-size: 4rem;
      color: #8B1E1E;
      font-style: italic;
      position: relative;
      z-index: 2;
}

.card-bday-edit-25 .title-bottom {
      align-self: flex-end;
}

.card-bday-edit-25 .cutout-img {
      position: absolute;
      top: 20%;
      width: 90%;
      height: 60%;
      object-fit: contain;
      filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.1));
      z-index: 1;
}

.card-bday-edit-26 {
      background: #FFF;
      border: 10px solid #EAE6DF;
}

.card-bday-edit-26 .card-inner {
      padding: 20px;
      position: relative;
}

.card-bday-edit-26 .corner-top-left {
      position: absolute;
      top: 20px;
      left: 20px;
}

.card-bday-edit-26 .corner-top-left h2 {
      font-family: 'Inter', sans-serif;
      font-weight: 800;
      font-size: 2rem;
      color: #8B1E1E;
      line-height: 1;
}

.card-bday-edit-26 .center-tiny-img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 150px;
      height: 220px;
      object-fit: cover;
}

.card-bday-edit-26 .corner-bottom-right {
      position: absolute;
      bottom: 20px;
      right: 20px;
      text-align: right;
}

.card-bday-edit-26 .corner-bottom-right p {
      font-family: 'Playfair Display', serif;
      color: #555;
      font-style: italic;
}

.card-bday-edit-27 {
      background: #EAE6DF;
}

.card-bday-edit-27 .card-inner {
      padding: 20px;
      position: relative;
      align-items: center;
      justify-content: center;
}

.card-bday-edit-27 .frame-one {
      width: 70%;
      height: 50%;
      position: absolute;
      top: 10%;
      right: 10%;
      background: #FFF;
      padding: 5px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      z-index: 1;
}

.card-bday-edit-27 .frame-two {
      width: 60%;
      height: 40%;
      position: absolute;
      bottom: 15%;
      left: 10%;
      background: #FFF;
      padding: 5px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      z-index: 2;
}

.card-bday-edit-27 .frame-one img,
.card-bday-edit-27 .frame-two img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: grayscale(100%);
}

.card-bday-edit-27 .overlap-h2 {
      position: absolute;
      top: 45%;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 3;
      font-family: 'Playfair Display', serif;
      font-size: 4rem;
      color: #8B1E1E;
      text-shadow: 2px 2px 0 #FFF;
}

.card-bday-edit-28 {
      background: #F8F4ED;
}

.card-bday-edit-28 .card-inner {
      align-items: center;
      justify-content: center;
}

.card-bday-edit-28 .tiny-text-box {
      width: 120px;
      border-left: 2px solid #8B1E1E;
      padding-left: 15px;
}

.card-bday-edit-28 .tiny-text-box h2 {
      font-family: 'Inter', sans-serif;
      font-size: 2.5rem;
      color: #111;
      margin-bottom: 10px;
}

.card-bday-edit-28 .tiny-text-box p {
      font-family: 'Inter', sans-serif;
      font-size: 0.75rem;
      color: #555;
      line-height: 1.5;
      margin-bottom: 20px;
}

.card-bday-edit-28 .red-dot {
      display: block;
      width: 8px;
      height: 8px;
      background: #8B1E1E;
      border-radius: 50%;
}

.card-bday-edit-29 {
      background: #FFF;
}

.card-bday-edit-29 .card-inner {
      padding: 40px;
      justify-content: flex-start;
}

.card-bday-edit-29 .poem-img {
      width: 120px;
      height: 160px;
      object-fit: cover;
      filter: sepia(0.5);
      margin-bottom: 40px;
}

.card-bday-edit-29 .poem-block {
      border-left: 2px solid #8B1E1E;
      padding-left: 20px;
}

.card-bday-edit-29 .poem-block p {
      font-family: monospace;
      font-size: 0.95rem;
      color: #333;
      line-height: 1.8;
      margin-bottom: 5px;
}

.card-bday-edit-30 {
      background: #FFF;
}

.card-bday-edit-30 .card-inner {
      padding: 0;
      flex-direction: row;
}

.card-bday-edit-30 .split-left {
      width: 50%;
      height: 100%;
      border-right: 1px solid #EAE6DF;
}

.card-bday-edit-30 .split-left img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-30 .split-right {
      width: 50%;
      height: 100%;
      background: #F8F4ED;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
}

.card-bday-edit-30 .v-split-text {
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 3rem;
      writing-mode: vertical-rl;
      text-orientation: mixed;
      color: #8B1E1E;
      letter-spacing: 5px;
}

.card-bday-edit-30 .v-split-date {
      position: absolute;
      bottom: 20px;
      font-family: 'Playfair Display', serif;
      font-size: 0.8rem;
      color: #555;
}

/* BATCH 4: GRANULAR SPECIFIC LAYOUTS (Cards 31-40) */

.card-bday-edit-31 {
      background: #FFF;
}

.card-bday-edit-31 .card-inner {
      padding: 40px;
      position: relative;
}

.card-bday-edit-31 h2 {
      font-family: 'Playfair Display', serif;
      font-size: 2.5rem;
      color: #8B1E1E;
      font-style: italic;
      line-height: 1;
      z-index: 2;
      position: relative;
}

.card-bday-edit-31 .stair-1 {
      margin-left: 0;
}

.card-bday-edit-31 .stair-2 {
      margin-left: 20%;
}

.card-bday-edit-31 .stair-3 {
      margin-left: 40%;
}

.card-bday-edit-31 .stair-4 {
      margin-left: 60%;
}

.card-bday-edit-31 img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 80%;
      height: 60%;
      object-fit: cover;
      z-index: 1;
}

.card-bday-edit-32 {
      background: #E5E1D8;
}

.card-bday-edit-32 .card-inner {
      padding: 0;
}

.card-bday-edit-32 .top-img {
      width: 100%;
      height: 50%;
}

.card-bday-edit-32 .top-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-32 .bottom-typo {
      height: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 40px;
}

.card-bday-edit-32 .small-tag {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      color: #8B1E1E;
      letter-spacing: 2px;
      margin-bottom: 20px;
      border-bottom: 1px solid #8B1E1E;
      padding-bottom: 5px;
      display: inline-block;
      width: fit-content;
}

.card-bday-edit-32 h2 {
      font-family: 'Playfair Display', serif;
      font-size: 3.5rem;
      line-height: 0.9;
      color: #111;
}

.card-bday-edit-33 {
      background: #FDFBF7;
}

.card-bday-edit-33 .card-inner {
      padding: 30px;
      position: relative;
      justify-content: flex-end;
}

.card-bday-edit-33 .pin-img {
      position: absolute;
      top: 30px;
      right: 30px;
      width: 120px;
      height: 150px;
      object-fit: cover;
      border: 4px solid #FFF;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
      transform: rotate(5deg);
      z-index: 2;
}

.card-bday-edit-33 .pin-text {
      font-family: 'Inter', sans-serif;
      font-weight: 800;
      font-size: 5rem;
      line-height: 0.8;
      color: #EAE6DF;
      z-index: 1;
      margin-bottom: 50px;
}

.card-bday-edit-34 {
      background: #FFF;
}

.card-bday-edit-34 .card-inner {
      padding: 0;
      position: relative;
}

.card-bday-edit-34 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-34 .center-col {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 60px;
      background: rgba(255, 255, 255, 0.9);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 40px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.card-bday-edit-34 .center-col span {
      font-family: 'Playfair Display', serif;
      font-size: 2rem;
      color: #8B1E1E;
}

.card-bday-edit-35 {
      background: #FAF8F5;
      border: 1px solid #CCC;
}

.card-bday-edit-35 .card-inner {
      padding: 30px;
      position: relative;
      border: 2px solid #333;
      height: calc(100% - 20px);
      width: calc(100% - 20px);
      margin: 10px;
}

.card-bday-edit-35 .doc-header {
      border-bottom: 2px solid #333;
      padding-bottom: 10px;
      margin-bottom: 20px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
}

.card-bday-edit-35 .doc-header h2 {
      font-family: 'Inter', sans-serif;
      font-weight: 800;
      font-size: 1.5rem;
      color: #333;
}

.card-bday-edit-35 .doc-header span {
      font-family: monospace;
      color: #8B1E1E;
      font-size: 0.9rem;
}

.card-bday-edit-35 .doc-line {
      font-family: monospace;
      font-size: 1rem;
      border-bottom: 1px dashed #CCC;
      padding-bottom: 5px;
      margin-bottom: 15px;
      display: flex;
}

.card-bday-edit-35 .label {
      width: 60px;
      color: #777;
}

.card-bday-edit-35 .val {
      color: #111;
}

.card-bday-edit-35 .doc-img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      margin-top: 20px;
      filter: grayscale(100%) contrast(1.2);
}

.card-bday-edit-35 .doc-stamp {
      position: absolute;
      bottom: 40px;
      right: 20px;
      border: 3px solid #8B1E1E;
      color: #8B1E1E;
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 1.5rem;
      padding: 5px 10px;
      transform: rotate(-15deg);
      opacity: 0.8;
}

.card-bday-edit-36 {
      background: #111;
}

.card-bday-edit-36 .card-inner {
      padding: 0;
      position: relative;
}

.card-bday-edit-36 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: blur(3px) brightness(0.6);
}

.card-bday-edit-36 .quote-overlay-box {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 40px;
}

.card-bday-edit-36 .q-mark {
      font-family: 'Playfair Display', serif;
      font-size: 8rem;
      color: #8B1E1E;
      line-height: 0.5;
      margin-bottom: 20px;
      opacity: 0.5;
}

.card-bday-edit-36 h2 {
      font-family: 'Playfair Display', serif;
      font-size: 2.5rem;
      color: #FFF;
      line-height: 1.2;
      font-style: italic;
}

.card-bday-edit-37 {
      background: #EFEBE0;
}

.card-bday-edit-37 .card-inner {
      padding: 0;
      display: flex;
      flex-direction: row;
}

.card-bday-edit-37 .thick-margin {
      width: 60px;
      height: 100%;
      background: #EFEBE0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-right: 1px solid #8B1E1E;
}

.card-bday-edit-37 .thick-margin span {
      font-family: 'Inter', sans-serif;
      font-size: 0.9rem;
      color: #8B1E1E;
      letter-spacing: 5px;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
}

.card-bday-edit-37 img {
      width: calc(100% - 60px);
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-38 {
      background: #FFF;
}

.card-bday-edit-38 .card-inner {
      justify-content: center;
      align-items: center;
      position: relative;
}

.card-bday-edit-38 .circle-c1 {
      width: 220px;
      height: 220px;
      border-radius: 50%;
      overflow: hidden;
      position: absolute;
      top: 20%;
      left: 10%;
      z-index: 1;
}

.card-bday-edit-38 .circle-c1 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-38 .circle-c2 {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      background: #8B1E1E;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      bottom: 25%;
      right: 10%;
      z-index: 2;
      mix-blend-mode: multiply;
}

.card-bday-edit-38 .circle-c2 h2 {
      font-family: 'Inter', sans-serif;
      font-size: 5rem;
      color: #EAE6DF;
}

.card-bday-edit-39 {
      background: #8B1E1E;
}

.card-bday-edit-39 .card-inner {
      padding: 40px;
      position: relative;
      justify-content: center;
}

.card-bday-edit-39 .red-bg-title {
      font-family: 'Playfair Display', serif;
      font-size: 6.5rem;
      line-height: 0.8;
      color: #FFF;
      z-index: 1;
}

.card-bday-edit-39 img {
      position: absolute;
      bottom: 40px;
      right: 40px;
      width: 160px;
      height: 220px;
      object-fit: cover;
      filter: grayscale(100%);
      border: 5px solid #FFF;
      z-index: 2;
}

.card-bday-edit-40 {
      background: #E5E1D8;
}

.card-bday-edit-40 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
      overflow: hidden;
}

.card-bday-edit-40 .numbg {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.3;
      z-index: 0;
}

.card-bday-edit-40 .huge-number {
      font-family: 'Inter', sans-serif;
      font-size: 25rem;
      font-weight: 900;
      color: #FFF;
      line-height: 1;
      letter-spacing: -20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0.6;
      z-index: 1;
}

.card-bday-edit-40 .over-text-box {
      z-index: 2;
      background: #8B1E1E;
      padding: 15px 30px;
}

.card-bday-edit-40 .over-text-box p {
      font-family: 'Inter', sans-serif;
      font-size: 1rem;
      color: #FFF;
      letter-spacing: 5px;
}

/* BATCH 5: ABSTRACT & TEXTURAL (Cards 41-50) */

.card-bday-edit-41 {
      background: #EAE6DF;
}

.card-bday-edit-41 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-bday-edit-41 .grain-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%25" height="100%25" filter="url(%23noiseFilter)"/></svg>');
      opacity: 0.2;
      z-index: 3;
      pointer-events: none;
}

.card-bday-edit-41 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.8;
      z-index: 1;
      filter: sepia(0.3);
}

.card-bday-edit-41 .grain-typo {
      position: absolute;
      z-index: 2;
      text-align: center;
      color: #FFF;
      filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5));
}

.card-bday-edit-41 .grain-typo h2 {
      font-family: 'Playfair Display', serif;
      font-size: 3.5rem;
      letter-spacing: 5px;
}

.card-bday-edit-41 .grain-typo span {
      font-family: 'Inter', sans-serif;
      font-size: 1rem;
      color: #EAE6DF;
      letter-spacing: 10px;
}

.card-bday-edit-42 {
      background: #FFF;
      border: 20px solid #F4F0EA;
}

.card-bday-edit-42 .card-inner {
      padding: 0;
      flex-direction: row;
}

.card-bday-edit-42 .stamp-col {
      width: 50px;
      background: #FFF;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding: 20px 0;
      border-right: 1px dashed #8B1E1E;
}

.card-bday-edit-42 .stmp {
      font-family: monospace;
      font-size: 0.8rem;
      color: #8B1E1E;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      letter-spacing: 2px;
      text-align: center;
}

.card-bday-edit-42 img {
      width: calc(100% - 50px);
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-43 {
      background: #E5E1D8;
}

.card-bday-edit-43 .card-inner {
      padding: 30px;
      position: relative;
      justify-content: center;
}

.card-bday-edit-43 img {
      width: 100%;
      height: 75%;
      object-fit: cover;
      filter: grayscale(50%);
}

.card-bday-edit-43 .offset-shadow-txt {
      position: absolute;
      bottom: 80px;
      left: 20px;
      font-family: 'Playfair Display', serif;
      font-size: 5rem;
      color: #FFF;
      font-style: italic;
      text-shadow: 4px 4px 0 #8B1E1E;
      z-index: 2;
}

.card-bday-edit-44 {
      background: #FFF;
}

.card-bday-edit-44 .card-inner {
      padding: 0;
}

.card-bday-edit-44 .split-top {
      height: 25%;
      background: #EFEBE0;
      display: flex;
      align-items: center;
      justify-content: center;
}

.card-bday-edit-44 .split-top h2 {
      font-family: 'Inter', sans-serif;
      font-size: 1.5rem;
      letter-spacing: 12px;
      color: #8B1E1E;
}

.card-bday-edit-44 .split-mid {
      height: 50%;
}

.card-bday-edit-44 .split-mid img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-44 .split-bot {
      height: 25%;
      background: #8B1E1E;
      display: flex;
      align-items: center;
      justify-content: center;
}

.card-bday-edit-44 .split-bot p {
      font-family: 'Playfair Display', serif;
      color: #FFF;
      font-size: 2.5rem;
      font-style: italic;
}

.card-bday-edit-45 {
      background: #FDFBF7;
}

.card-bday-edit-45 .card-inner {
      padding: 20px;
      position: relative;
      align-items: center;
      justify-content: center;
}

.card-bday-edit-45 .box-path-wrap {
      position: absolute;
      width: 90%;
      height: 90%;
      border: 1px solid #EAE6DF;
}

.card-bday-edit-45 .box-path-text {
      position: absolute;
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      color: #8B1E1E;
      letter-spacing: 6px;
      white-space: nowrap;
}

.card-bday-edit-45 .t-top {
      top: -10px;
      left: 50%;
      transform: translateX(-50%);
      background: #FDFBF7;
      padding: 0 10px;
}

.card-bday-edit-45 .t-bottom {
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      background: #FDFBF7;
      padding: 0 10px;
}

.card-bday-edit-45 .t-left {
      left: -10px;
      top: 50%;
      transform: translateY(-50%) rotate(-90deg);
      background: #FDFBF7;
      padding: 0 10px;
}

.card-bday-edit-45 .t-right {
      right: -10px;
      top: 50%;
      transform: translateY(-50%) rotate(90deg);
      background: #FDFBF7;
      padding: 0 10px;
}

.card-bday-edit-45 .box-center-img {
      width: 75%;
      height: 75%;
      object-fit: cover;
      z-index: 2;
      filter: contrast(1.1);
}

.card-bday-edit-46 {
      background: #E5E1D8;
      overflow: hidden;
}

.card-bday-edit-46 .card-inner {
      padding: 30px;
      position: relative;
      justify-content: flex-end;
}

.card-bday-edit-46 .bg-texture-char {
      font-family: 'Playfair Display', serif;
      font-size: 40rem;
      color: #FFF;
      position: absolute;
      top: -10%;
      left: -20%;
      line-height: 0.8;
      opacity: 0.4;
      z-index: 1;
      pointer-events: none;
}

.card-bday-edit-46 img {
      width: 100%;
      height: 80%;
      object-fit: cover;
      z-index: 2;
      position: relative;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.card-bday-edit-46 .btm-label {
      position: relative;
      z-index: 2;
      margin-top: 20px;
      font-family: 'Inter', sans-serif;
      font-size: 1rem;
      letter-spacing: 8px;
      color: #8B1E1E;
      text-align: center;
}

.card-bday-edit-47 {
      background: #111;
}

.card-bday-edit-47 .card-inner {
      padding: 0;
      position: relative;
}

.card-bday-edit-47 .blur-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: blur(8px) brightness(0.7);
      transform: scale(1.1);
}

.card-bday-edit-47 .sharp-box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #FFF;
      padding: 30px 40px;
      text-align: center;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.card-bday-edit-47 .sharp-box h2 {
      font-family: 'Playfair Display', serif;
      font-size: 2.5rem;
      color: #8B1E1E;
      margin-bottom: 5px;
}

.card-bday-edit-47 .sharp-box p {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 3px;
      color: #333;
}

.card-bday-edit-48 {
      background: #F4F0EA;
}

.card-bday-edit-48 .card-inner {
      padding: 20px;
      position: relative;
      align-items: center;
      justify-content: center;
      overflow: hidden;
}

.card-bday-edit-48 .diag-split-box {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: 1;
}

.card-bday-edit-48 .diag-half-red {
      width: 150%;
      height: 150%;
      background: #8B1E1E;
      transform: rotate(45deg);
      position: absolute;
      top: 30%;
      left: -20%;
}

.card-bday-edit-48 img {
      width: 85%;
      height: 85%;
      object-fit: cover;
      z-index: 2;
      position: relative;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.card-bday-edit-48 .tone-text {
      position: absolute;
      z-index: 3;
      top: 40px;
      left: 40px;
      font-family: 'Inter', sans-serif;
      font-size: 5rem;
      color: #FFF;
      line-height: 1;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
      font-weight: 900;
}

.card-bday-edit-49 {
      background: #EAE6DF;
}

.card-bday-edit-49 .card-inner {
      padding: 0;
      display: flex;
      flex-direction: row;
}

.card-bday-edit-49 .spine {
      width: 40px;
      background: #FFF;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 5px 0 15px rgba(0, 0, 0, 0.05);
      z-index: 2;
      position: relative;
}

.card-bday-edit-49 .spine span {
      font-family: 'Inter', sans-serif;
      font-size: 0.7rem;
      letter-spacing: 5px;
      color: #111;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
}

.card-bday-edit-49 .cover-content {
      flex: 1;
      padding: 20px;
      position: relative;
}

.card-bday-edit-49 .cover-masthead {
      font-family: 'Playfair Display', serif;
      font-size: 4rem;
      text-align: center;
      color: #8B1E1E;
      margin-bottom: 20px;
}

.card-bday-edit-49 .cover-content img {
      width: 100%;
      height: calc(100% - 80px);
      object-fit: cover;
      border-radius: 2px;
}

.card-bday-edit-50 {
      background: #F8F4ED;
}

.card-bday-edit-50 .card-inner {
      padding: 40px;
      position: relative;
      align-items: center;
      justify-content: center;
}

.card-bday-edit-50 .geo-square {
      width: 100%;
      height: 60%;
      position: relative;
      z-index: 1;
}

.card-bday-edit-50 .geo-square img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-bday-edit-50 .geo-circle {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      background: #8B1E1E;
      position: absolute;
      bottom: 10%;
      right: 10%;
      z-index: 2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 4px solid #F8F4ED;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.card-bday-edit-50 .geo-circle h2 {
      font-family: 'Playfair Display', serif;
      font-size: 5rem;
      color: #FFF;
      line-height: 1;
}

.card-bday-edit-50 .geo-circle span {
      font-family: 'Inter', sans-serif;
      font-size: 0.6rem;
      color: #EFEBE0;
      letter-spacing: 2px;
}

/* BATCH 6 (PURPLE FLORAL BATCH 1): CORE PORTRAIT & FLORAL FRAMING (Cards 51-60) */

.card-purple-edit-51 {
      background: #E6E1EB;
}

.card-purple-edit-51 .card-inner {
      padding: 30px;
      position: relative;
      justify-content: flex-end;
}

.card-purple-edit-51 .bg-flower {
      position: absolute;
      top: -10%;
      left: -20%;
      width: 140%;
      height: 70%;
      object-fit: cover;
      opacity: 0.3;
      filter: blur(2px) sepia(0.2) hue-rotate(250deg);
      z-index: 1;
}

.card-purple-edit-51 .main-portrait {
      width: 90%;
      height: 70%;
      object-fit: cover;
      position: relative;
      z-index: 2;
      margin-bottom: 20px;
      box-shadow: 0 15px 35px rgba(107, 76, 154, 0.2);
      border-radius: 4px;
}

.card-purple-edit-51 .typo-box {
      z-index: 3;
      padding-left: 20px;
}

.card-purple-edit-51 h2 {
      font-family: 'Playfair Display', serif;
      font-size: 3rem;
      color: #4A3B69;
      line-height: 1;
      letter-spacing: -1px;
}

.card-purple-edit-51 span {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 5px;
      color: #786494;
}

.card-purple-edit-52 {
      background: #F4F1F8;
}

.card-purple-edit-52 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-52 .diag-portrait {
      width: 80%;
      height: 60%;
      object-fit: cover;
      transform: rotate(-10deg);
      z-index: 2;
      box-shadow: -10px 15px 25px rgba(107, 76, 154, 0.15);
}

.card-purple-edit-52 .diag-floral-1 {
      position: absolute;
      top: -5%;
      left: -10%;
      width: 70%;
      height: 40%;
      object-fit: cover;
      transform: rotate(15deg);
      z-index: 1;
      opacity: 0.6;
      mix-blend-mode: multiply;
}

.card-purple-edit-52 .diag-floral-2 {
      position: absolute;
      bottom: 5%;
      right: -15%;
      width: 80%;
      height: 50%;
      object-fit: cover;
      transform: rotate(-25deg);
      z-index: 3;
      opacity: 0.8;
}

.card-purple-edit-52 .diag-text {
      position: absolute;
      z-index: 4;
      font-family: 'Inter', sans-serif;
      font-size: 4rem;
      color: #FFF;
      line-height: 0.8;
      font-weight: 900;
      top: 15%;
      left: 10%;
      text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
}

.card-purple-edit-53 {
      background: #EBE8F0;
}

.card-purple-edit-53 .card-inner {
      padding: 25px;
      position: relative;
}

.card-purple-edit-53 .arch-container {
      width: 100%;
      height: 80%;
      border-radius: 200px 200px 0 0;
      overflow: hidden;
      position: relative;
      z-index: 1;
}

.card-purple-edit-53 .arch-portrait {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-53 .arch-floral-overlay {
      position: absolute;
      top: -20px;
      right: -30px;
      width: 60%;
      height: 50%;
      object-fit: contain;
      z-index: 2;
      filter: drop-shadow(-5px 10px 15px rgba(0, 0, 0, 0.2));
      transform: rotate(10deg);
}

.card-purple-edit-53 .arch-typo {
      text-align: center;
      margin-top: 25px;
}

.card-purple-edit-53 .arch-typo p {
      font-family: 'Playfair Display', serif;
      font-size: 1.2rem;
      font-style: italic;
      color: #5C4A7A;
      letter-spacing: 2px;
}

.card-purple-edit-54 {
      background: #FAF9FC;
}

.card-purple-edit-54 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-54 .top-empty {
      height: 35%;
      display: flex;
      align-items: center;
      justify-content: center;
}

.card-purple-edit-54 .top-empty h2 {
      font-family: 'Inter', sans-serif;
      font-weight: 800;
      font-size: 3rem;
      text-align: center;
      color: #6B4C9A;
      line-height: 1;
      letter-spacing: -2px;
}

.card-purple-edit-54 .sit-portrait {
      width: 100%;
      height: 65%;
      object-fit: cover;
      z-index: 1;
      position: relative;
}

.card-purple-edit-54 .bottom-floral-bed {
      position: absolute;
      bottom: -5%;
      left: 0;
      width: 100%;
      height: 40%;
      object-fit: cover;
      z-index: 2;
      opacity: 0.9;
      filter: contrast(1.1) brightness(0.9);
}

.card-purple-edit-55 {
      background: #DFDCE6;
}

.card-purple-edit-55 .card-inner {
      padding: 0;
      position: relative;
      align-items: center;
      justify-content: flex-end;
      overflow: hidden;
}

.card-purple-edit-55 .top-floral-hang {
      position: absolute;
      top: -10%;
      left: -10%;
      width: 120%;
      height: 50%;
      object-fit: cover;
      z-index: 2;
      filter: drop-shadow(0 15px 20px rgba(0, 0, 0, 0.15));
}

.card-purple-edit-55 .center-tiny-portrait {
      width: 65%;
      height: 55%;
      object-fit: cover;
      z-index: 1;
      border: 15px solid #F4F1F8;
      box-shadow: 0 10px 30px rgba(74, 59, 105, 0.2);
      margin-bottom: 20%;
}

.card-purple-edit-55 .bottom-typo-clean {
      position: absolute;
      bottom: 30px;
      width: 100%;
      text-align: center;
}

.card-purple-edit-55 .bottom-typo-clean span {
      font-family: 'Inter', sans-serif;
      font-size: 0.75rem;
      color: #5C4A7A;
      letter-spacing: 6px;
      text-transform: uppercase;
}

.card-purple-edit-56 {
      background: #F1EFF5;
}

.card-purple-edit-56 .card-inner {
      padding: 20px;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-56 .center-full-portrait {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
}

.card-purple-edit-56 .edge-f-top {
      position: absolute;
      top: 0;
      left: 0;
      width: 150%;
      height: 40%;
      object-fit: cover;
      z-index: 2;
      opacity: 0.8;
      mix-blend-mode: overlay;
      transform: rotate(180deg);
}

.card-purple-edit-56 .edge-f-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 150%;
      height: 40%;
      object-fit: cover;
      z-index: 2;
      opacity: 0.8;
      mix-blend-mode: color-burn;
}

.card-purple-edit-56 .center-glow-text {
      position: absolute;
      z-index: 3;
      font-family: 'Playfair Display', serif;
      font-size: 6rem;
      color: #FFF;
      font-style: italic;
      text-shadow: 0 0 20px rgba(107, 76, 154, 0.6), 0 5px 10px rgba(0, 0, 0, 0.3);
}

.card-purple-edit-57 {
      background: #Eae7F0;
}

.card-purple-edit-57 .card-inner {
      padding: 0;
      display: flex;
      flex-direction: row;
}

.card-purple-edit-57 .left-heavy-portrait {
      width: 65%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-57 .right-heavy-typo {
      width: 35%;
      padding: 30px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
}

.card-purple-edit-57 .right-heavy-typo h2 {
      font-family: 'Playfair Display', serif;
      font-size: 5rem;
      color: #4A3B69;
      margin-bottom: -20px;
}

.card-purple-edit-57 .right-heavy-typo p {
      font-family: 'Inter', sans-serif;
      margin-top: 40px;
      color: #786494;
      font-size: 0.9rem;
      letter-spacing: 4px;
      writing-mode: vertical-rl;
}

.card-purple-edit-57 .right-stem {
      position: absolute;
      bottom: 0;
      right: 20px;
      height: 60%;
      object-fit: contain;
      z-index: 2;
      filter: drop-shadow(-5px 5px 5px rgba(0, 0, 0, 0.1));
      pointer-events: none;
}

.card-purple-edit-58 {
      background: #FFF;
}

.card-purple-edit-58 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-58 .full-frame-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
}

.card-purple-edit-58 .blur-overlay-bot {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 40%;
      background: linear-gradient(to top, rgba(107, 76, 154, 0.8), transparent);
      z-index: 2;
      backdrop-filter: blur(5px);
}

.card-purple-edit-58 .fg-blurred-flower {
      position: absolute;
      bottom: -10%;
      right: -20%;
      width: 90%;
      height: 60%;
      object-fit: cover;
      z-index: 3;
      filter: blur(4px) opacity(0.8);
      transform: rotate(-25deg);
}

.card-purple-edit-58 .soft-float-text {
      position: absolute;
      bottom: 60px;
      left: 30px;
      z-index: 4;
      font-family: 'Inter', sans-serif;
      font-weight: 300;
      font-size: 3rem;
      letter-spacing: 15px;
      color: #FFF;
      text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.card-purple-edit-59 {
      background: #DFDCE6;
}

.card-purple-edit-59 .card-inner {
      padding: 30px;
      align-items: center;
      justify-content: center;
      position: relative;
}

.card-purple-edit-59 .circle-mask-wrap {
      width: 280px;
      height: 280px;
      border-radius: 50%;
      overflow: hidden;
      position: relative;
      z-index: 1;
      border: 2px solid #FFF;
      box-shadow: 0 10px 30px rgba(107, 76, 154, 0.15);
}

.card-purple-edit-59 .circle-mask-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-59 .break-circle-floral {
      position: absolute;
      top: 15%;
      right: -10%;
      width: 200px;
      height: 200px;
      object-fit: contain;
      z-index: 2;
      filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.2));
}

.card-purple-edit-59 .top-arch-text {
      position: absolute;
      top: 20%;
      left: 50%;
      transform: translateX(-50%);
      width: 320px;
      z-index: 3;
      pointer-events: none;
}

.card-purple-edit-60 {
      background: #EBE8F0;
}

.card-purple-edit-60 .card-inner {
      padding: 40px;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-60 .scrap-portrait {
      width: 85%;
      height: 65%;
      object-fit: cover;
      transform: rotate(3deg);
      z-index: 1;
      box-shadow: 2px 2px 0 rgba(107, 76, 154, 0.1), 5px 10px 20px rgba(0, 0, 0, 0.1);
}

.card-purple-edit-60 .tape-strip {
      position: absolute;
      width: 100px;
      height: 30px;
      background: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(2px);
      z-index: 3;
}

.card-purple-edit-60 .top-tape {
      top: 12%;
      left: 10%;
      transform: rotate(-15deg);
}

.card-purple-edit-60 .bot-tape {
      bottom: 20%;
      right: 10%;
      transform: rotate(10deg);
}

.card-purple-edit-60 .scrap-flower {
      position: absolute;
      bottom: 25%;
      left: 0%;
      width: 150px;
      height: 150px;
      object-fit: container;
      z-index: 2;
      filter: drop-shadow(-5px 10px 10px rgba(0, 0, 0, 0.2));
}

.card-purple-edit-60 .scrap-note {
      position: absolute;
      bottom: 50px;
      right: 30px;
      font-family: 'Caveat', cursive;
      font-size: 2rem;
      color: #4A3B69;
      transform: rotate(-5deg);
      z-index: 4;
}

/* BATCH 7 (PURPLE FLORAL BATCH 2): COLLAGE & MULTI-IMAGE FOCUS (Cards 61-70) */

.card-purple-edit-61 {
      background: #E6E1EB;
}

.card-purple-edit-61 .card-inner {
      padding: 40px;
      justify-content: space-between;
      position: relative;
}

.card-purple-edit-61 .vert-slice {
      width: 30%;
      height: 75%;
      overflow: hidden;
      position: absolute;
      top: 10%;
      box-shadow: 0 10px 20px rgba(74, 59, 105, 0.2);
}

.card-purple-edit-61 .vert-slice img {
      width: 350%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-61 .slice-1 {
      left: 5%;
      transform: translateY(10px);
}

.card-purple-edit-61 .slice-1 img {
      transform: translateX(0%);
}

.card-purple-edit-61 .slice-2 {
      left: 35%;
      transform: translateY(-10px);
}

.card-purple-edit-61 .slice-2 img {
      transform: translateX(-33.33%);
}

.card-purple-edit-61 .slice-3 {
      left: 65%;
      transform: translateY(20px);
}

.card-purple-edit-61 .slice-3 img {
      transform: translateX(-66.66%);
}

.card-purple-edit-61 .slice-flower-overlay {
      position: absolute;
      bottom: 15%;
      right: 10%;
      width: 50%;
      height: 40%;
      object-fit: contain;
      z-index: 2;
      filter: drop-shadow(-5px 5px 10px rgba(0, 0, 0, 0.2));
      opacity: 0.9;
}

.card-purple-edit-61 .slice-title {
      position: absolute;
      bottom: 30px;
      left: 30px;
      font-family: 'Playfair Display', serif;
      font-size: 4rem;
      color: #4A3B69;
      z-index: 3;
}

.card-purple-edit-62 {
      background: #4A3B69;
}

.card-purple-edit-62 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-62 .pb-bg-blur {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.4;
      mix-blend-mode: screen;
      filter: blur(3px);
}

.card-purple-edit-62 .photobooth-strip {
      width: 140px;
      background: #FFF;
      padding: 10px 10px 25px 10px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
      z-index: 2;
      transform: rotate(-3deg);
      display: flex;
      flex-direction: column;
      gap: 10px;
}

.card-purple-edit-62 .photobooth-strip img {
      width: 100%;
      height: 160px;
      object-fit: cover;
      filter: grayscale(20%) contrast(1.1);
}

.card-purple-edit-62 .pb-text {
      font-family: monospace;
      font-size: 1rem;
      color: #555;
      text-align: center;
      margin-top: 10px;
      letter-spacing: 3px;
}

.card-purple-edit-63 {
      background: #F4F1F8;
}

.card-purple-edit-63 .card-inner {
      padding: 20px;
      position: relative;
}

.card-purple-edit-63 .asym-main {
      width: 85%;
      height: 75%;
      object-fit: cover;
      border-radius: 4px;
      box-shadow: 0 10px 20px rgba(107, 76, 154, 0.15);
}

.card-purple-edit-63 .tiny-box {
      width: 120px;
      height: 120px;
      position: absolute;
      border: 4px solid #FFF;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      z-index: 2;
}

.card-purple-edit-63 .tiny-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-63 .tb-1 {
      bottom: 80px;
      left: 20px;
      transform: rotate(-5deg);
}

.card-purple-edit-63 .tb-2 {
      bottom: 40px;
      left: 120px;
      transform: rotate(8deg);
}

.card-purple-edit-63 .asym-side-text {
      position: absolute;
      right: 20px;
      top: 30%;
      font-family: 'Inter', sans-serif;
      font-weight: 800;
      font-size: 2.5rem;
      color: #5C4A7A;
      writing-mode: vertical-rl;
      letter-spacing: 15px;
}

.card-purple-edit-64 {
      background: #FAF9FC;
}

.card-purple-edit-64 .card-inner {
      padding: 0;
      position: relative;
      align-items: center;
      justify-content: center;
}

.card-purple-edit-64 .tilt-frame {
      width: 220px;
      height: 280px;
      background: #FFF;
      padding: 15px;
      box-shadow: 0 15px 35px rgba(107, 76, 154, 0.2);
      position: absolute;
}

.card-purple-edit-64 .tilt-frame img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-64 .frame-left {
      top: 15%;
      left: 10%;
      transform: rotate(-8deg);
      z-index: 1;
}

.card-purple-edit-64 .frame-right {
      bottom: 20%;
      right: 10%;
      transform: rotate(12deg);
      z-index: 2;
}

.card-purple-edit-64 .tilt-orchid {
      position: absolute;
      top: 40%;
      left: 20%;
      width: 180px;
      height: 180px;
      object-fit: contain;
      z-index: 3;
      filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.15));
}

.card-purple-edit-65 {
      background: #EBE8F0;
}

.card-purple-edit-65 .card-inner {
      padding: 30px;
      position: relative;
}

.card-purple-edit-65 .corner-cluster {
      position: absolute;
      top: -10px;
      right: -10px;
      width: 85%;
      height: 60%;
      z-index: 1;
}

.card-purple-edit-65 .cc-color-block {
      position: absolute;
      top: 0;
      right: 0;
      width: 80%;
      height: 90%;
      background: #6B4C9A;
      z-index: 1;
}

.card-purple-edit-65 .cc-portrait {
      position: absolute;
      top: 40px;
      right: 40px;
      width: 70%;
      height: 85%;
      object-fit: cover;
      z-index: 3;
      box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.2);
}

.card-purple-edit-65 .cc-floral {
      position: absolute;
      top: 40%;
      left: -10%;
      width: 60%;
      height: 60%;
      object-fit: cover;
      z-index: 2;
      opacity: 0.9;
}

.card-purple-edit-65 .bot-left-script {
      position: absolute;
      bottom: 40px;
      left: 30px;
      font-family: 'Great Vibes', cursive;
      font-size: 3.5rem;
      color: #4A3B69;
      width: 60%;
      line-height: 1;
}

.card-purple-edit-66 {
      background: #DFDCE6;
}

.card-purple-edit-66 .card-inner {
      padding: 0;
      align-items: center;
      justify-content: center;
      position: relative;
}

.card-purple-edit-66 .framed-bg-blur {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: blur(10px) brightness(0.9);
      z-index: 1;
}

.card-purple-edit-66 .center-strict-box {
      width: 75%;
      height: 65%;
      border: 2px solid #FFF;
      padding: 15px;
      position: relative;
      z-index: 2;
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(5px);
}

.card-purple-edit-66 .center-strict-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-66 .csb-label {
      position: absolute;
      bottom: -25px;
      left: 50%;
      transform: translateX(-50%);
      background: #FFF;
      padding: 10px 30px;
      font-family: 'Inter', sans-serif;
      font-size: 1.2rem;
      color: #6B4C9A;
      font-weight: 800;
      letter-spacing: 5px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.card-purple-edit-67 {
      background: #111;
}

.card-purple-edit-67 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-67 .mirror-base-blur {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: blur(15px) opacity(0.6);
      z-index: 1;
}

.card-purple-edit-67 .mirror-top-sharp {
      position: absolute;
      top: 10%;
      left: 10%;
      width: 80%;
      height: 80%;
      object-fit: cover;
      z-index: 2;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
      opacity: 0.9;
      mix-blend-mode: luminosity;
}

.card-purple-edit-67 .mirror-accents {
      position: absolute;
      bottom: 50px;
      width: 100%;
      text-align: center;
      z-index: 3;
}

.card-purple-edit-67 .mirror-accents span {
      font-family: 'Playfair Display', serif;
      font-size: 2rem;
      color: #DFDCE6;
      letter-spacing: 15px;
      font-weight: 300;
}

.card-purple-edit-68 {
      background: #FFF;
      border: 15px solid #F4F1F8;
}

.card-purple-edit-68 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-68 .tiny-center-img {
      width: 140px;
      height: 200px;
      object-fit: cover;
      z-index: 2;
      position: relative;
      box-shadow: 0 10px 20px rgba(107, 76, 154, 0.1);
}

.card-purple-edit-68 .solitary-lavender {
      position: absolute;
      top: 30%;
      right: 25%;
      width: 100px;
      height: 150px;
      object-fit: contain;
      z-index: 1;
      opacity: 0.7;
}

.card-purple-edit-68 .minimal-year {
      position: absolute;
      bottom: 40px;
      font-family: 'Inter', sans-serif;
      font-size: 0.75rem;
      color: #786494;
      letter-spacing: 4px;
}

.card-purple-edit-69 {
      background: #4A3B69;
}

.card-purple-edit-69 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-69 .fade-base-flower {
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
      filter: contrast(1.2);
}

.card-purple-edit-69 .fade-gradient-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, transparent 30%, #E6E1EB 80%);
      z-index: 2;
}

.card-purple-edit-69 .fade-top-model {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 70%;
      object-fit: cover;
      z-index: 3;
      mix-blend-mode: multiply;
      opacity: 0.85;
}

.card-purple-edit-69 .fade-title {
      position: absolute;
      top: 10%;
      right: 10%;
      font-family: 'Playfair Display', serif;
      font-size: 6rem;
      color: #FFF;
      line-height: 0.8;
      opacity: 0.9;
      z-index: 4;
      text-align: right;
}

.card-purple-edit-70 {
      background: #EBE8F0;
}

.card-purple-edit-70 .card-inner {
      padding: 0;
      justify-content: center;
      align-items: center;
      position: relative;
}

.card-purple-edit-70 .macro-crop-img {
      width: 120%;
      height: 120%;
      object-fit: cover;
      position: absolute;
      top: -10%;
      left: -10%;
      z-index: 1;
}

.card-purple-edit-70 .macro-petals {
      position: absolute;
      bottom: -20px;
      left: -20px;
      width: 110%;
      height: 60%;
      object-fit: cover;
      z-index: 2;
      filter: blur(1px) drop-shadow(0 -10px 20px rgba(0, 0, 0, 0.2));
      opacity: 0.9;
}

.card-purple-edit-70 .macro-text-box {
      position: absolute;
      top: 30px;
      right: 30px;
      background: rgba(255, 255, 255, 0.8);
      backdrop-filter: blur(5px);
      padding: 5px 15px;
      border: 1px solid #6B4C9A;
      z-index: 3;
}

.card-purple-edit-70 .macro-text-box p {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      color: #4A3B69;
      letter-spacing: 4px;
      margin: 0;
}

/* BATCH 8 (PURPLE FLORAL BATCH 3): SOFT BLENDS & DEPTH (Cards 71-80) */

.card-purple-edit-71 {
      background: #FFF;
}

.card-purple-edit-71 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-71 .top-sharp-model {
      width: 100%;
      height: 70%;
      object-fit: cover;
      z-index: 1;
}

.card-purple-edit-71 .soft-bot-blur-box {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 45%;
      background: rgba(230, 225, 235, 0.7);
      backdrop-filter: blur(10px);
      z-index: 2;
      padding: 30px;
      display: flex;
      align-items: center;
}

.card-purple-edit-71 .blur-lavender {
      position: absolute;
      top: -30%;
      right: 10%;
      width: 150px;
      height: 150px;
      object-fit: contain;
      z-index: 3;
      filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1));
      opacity: 0.9;
}

.card-purple-edit-71 .blur-text-overlay {
      z-index: 4;
      position: relative;
}

.card-purple-edit-71 .blur-text-overlay h2 {
      font-family: 'Playfair Display', serif;
      font-size: 2.5rem;
      color: #4A3B69;
      margin-bottom: 5px;
      line-height: 1;
}

.card-purple-edit-71 .blur-text-overlay p {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 5px;
      color: #786494;
}

.card-purple-edit-72 {
      background: #E6E1EB;
}

.card-purple-edit-72 .card-inner {
      padding: 40px;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-72 .intersect-square {
      width: 200px;
      height: 200px;
      position: absolute;
      top: 15%;
      left: 10%;
      z-index: 2;
      border: 3px solid #FFF;
      box-shadow: 10px 10px 20px rgba(74, 59, 105, 0.15);
}

.card-purple-edit-72 .intersect-square img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-72 .intersect-circle {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      overflow: hidden;
      position: absolute;
      bottom: 20%;
      right: 10%;
      z-index: 1;
      opacity: 0.8;
      filter: grayscale(30%);
}

.card-purple-edit-72 .intersect-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-72 .intersect-typo {
      position: absolute;
      z-index: 3;
      font-family: 'Playfair Display', serif;
      font-size: 4rem;
      font-style: italic;
      color: #4A3B69;
      top: 45%;
      left: 5%;
}

.card-purple-edit-73 {
      background: #DFDCE6;
      overflow: hidden;
}

.card-purple-edit-73 .card-inner {
      padding: 0;
      position: relative;
      justify-content: flex-end;
      align-items: center;
}

.card-purple-edit-73 .huge-bg-text {
      position: absolute;
      top: 10%;
      left: -20%;
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 15rem;
      color: #FFF;
      opacity: 0.3;
      line-height: 0.8;
      z-index: 1;
      pointer-events: none;
}

.card-purple-edit-73 .pop-out-model {
      width: 90%;
      height: 80%;
      object-fit: cover;
      border-radius: 6px 6px 0 0;
      z-index: 2;
      position: relative;
}

.card-purple-edit-73 .wrap-floral-fg {
      position: absolute;
      bottom: 10%;
      left: -10%;
      width: 120%;
      height: 40%;
      object-fit: cover;
      z-index: 3;
      filter: drop-shadow(0 -10px 15px rgba(0, 0, 0, 0.2));
}

.card-purple-edit-74 {
      background: #2A1B38;
}

.card-purple-edit-74 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-74 .plum-model {
      width: 70%;
      height: 75%;
      object-fit: cover;
      filter: grayscale(100%) contrast(1.2);
      opacity: 0.6;
      mix-blend-mode: luminosity;
      z-index: 2;
}

.card-purple-edit-74 .plum-wash {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at center, transparent 30%, #4A3B69 90%);
      z-index: 3;
      mix-blend-mode: overlay;
}

.card-purple-edit-74 .plum-typo {
      position: absolute;
      bottom: 40px;
      width: 100%;
      text-align: center;
      z-index: 4;
}

.card-purple-edit-74 .plum-typo p {
      font-family: 'Inter', sans-serif;
      font-size: 1.2rem;
      letter-spacing: 12px;
      color: #E6E1EB;
}

.card-purple-edit-75 {
      background: #F4F1F8;
}

.card-purple-edit-75 .card-inner {
      padding: 30px;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-75 .shift-frame {
      width: 220px;
      height: 320px;
      position: absolute;
      box-shadow: 0 10px 30px rgba(107, 76, 154, 0.15);
}

.card-purple-edit-75 .sf-1 {
      border: 2px solid #6B4C9A;
      top: 15%;
      left: 15%;
      z-index: 1;
}

.card-purple-edit-75 .sf-2 {
      background: #FFF;
      bottom: 15%;
      right: 15%;
      z-index: 2;
}

.card-purple-edit-75 .sf-2 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.9;
}

.card-purple-edit-75 .sf-flower {
      position: absolute;
      top: 10%;
      right: 10%;
      width: 140px;
      height: 140px;
      object-fit: contain;
      z-index: 3;
      filter: drop-shadow(-5px 10px 10px rgba(0, 0, 0, 0.2));
}

.card-purple-edit-76 {
      background: #FFF;
      border: 15px solid #EBE8F0;
}

.card-purple-edit-76 .card-inner {
      padding: 0;
      position: relative;
      display: flex;
      flex-direction: column;
}

.card-purple-edit-76 .massive-top-margin {
      height: 40%;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding-top: 40px;
}

.card-purple-edit-76 .massive-top-margin p {
      font-family: 'Inter', sans-serif;
      font-size: 0.75rem;
      letter-spacing: 3px;
      color: #786494;
}

.card-purple-edit-76 .bottom-snap-img {
      width: 100%;
      height: 60%;
      object-fit: cover;
}

.card-purple-edit-76 .overlap-top-text {
      position: absolute;
      top: 25%;
      left: 50%;
      transform: translateX(-50%);
      font-family: 'Playfair Display', serif;
      font-size: 6rem;
      color: #4A3B69;
      z-index: 2;
}

.card-purple-edit-77 {
      background: #DFDCE6;
}

.card-purple-edit-77 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-77 .radial-fade-wrap {
      width: 280px;
      height: 280px;
      position: relative;
      z-index: 1;
      mask-image: radial-gradient(circle, black 40%, transparent 70%);
      -webkit-mask-image: radial-gradient(circle, black 40%, transparent 70%);
}

.card-purple-edit-77 .rf-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-77 .rf-orchids {
      position: absolute;
      bottom: 20%;
      right: 10%;
      width: 150px;
      height: 220px;
      object-fit: contain;
      z-index: 2;
      opacity: 0.85;
      filter: drop-shadow(-5px 5px 10px rgba(0, 0, 0, 0.1));
      transform: rotate(-15deg);
}

.card-purple-edit-78 {
      background: #EBE8F0;
}

.card-purple-edit-78 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-78 .diag-split-top {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: polygon(0 0, 100% 0, 100% 40%, 0 60%);
      z-index: 2;
}

.card-purple-edit-78 .diag-split-top img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-78 .diag-split-bot {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60%;
      background: #6B4C9A;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 30px;
}

.card-purple-edit-78 .diag-split-bot img {
      position: absolute;
      top: 10%;
      right: -10%;
      width: 70%;
      height: 70%;
      object-fit: cover;
      opacity: 0.5;
      mix-blend-mode: screen;
}

.card-purple-edit-78 .diag-split-bot h2 {
      font-family: 'Playfair Display', serif;
      font-size: 3.5rem;
      color: #E6E1EB;
      font-style: italic;
      position: relative;
      z-index: 2;
}

.card-purple-edit-79 {
      background: #F4F1F8;
}

.card-purple-edit-79 .card-inner {
      padding: 40px;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-79 .thin-border-box {
      width: 100%;
      height: 80%;
      border: 1px solid #786494;
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
}

.card-purple-edit-79 .tbb-img {
      width: 80%;
      height: 70%;
      object-fit: cover;
      opacity: 0.9;
      filter: sepia(0.2);
}

.card-purple-edit-79 .tbb-text {
      position: absolute;
      bottom: -20px;
      background: #F4F1F8;
      padding: 0 15px;
      font-family: 'Inter', sans-serif;
      font-size: 1.5rem;
      letter-spacing: 10px;
      color: #4A3B69;
}

.card-purple-edit-79 .tbb-lavender {
      position: absolute;
      top: 15%;
      right: 5%;
      width: 120px;
      height: 180px;
      object-fit: contain;
      z-index: 2;
      filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1));
      transform: rotate(10deg);
}

.card-purple-edit-80 {
      background: #DFDCE6;
}

.card-purple-edit-80 .card-inner {
      padding: 30px;
      position: relative;
      align-items: flex-end;
}

.card-purple-edit-80 .float-model {
      position: absolute;
      top: 10%;
      left: 10%;
      width: 65%;
      height: 50%;
      object-fit: cover;
      z-index: 1;
      border-radius: 5px;
      box-shadow: 0 15px 40px rgba(107, 76, 154, 0.2);
}

.card-purple-edit-80 .float-text-stagger {
      font-family: 'Playfair Display', serif;
      font-size: 4.5rem;
      color: #4A3B69;
      z-index: 2;
      margin-bottom: 20px;
      position: relative;
}

.card-purple-edit-80 .fs-1 {
      margin-left: 20px;
}

.card-purple-edit-80 .fs-2 {
      margin-left: 60px;
      font-style: italic;
}

.card-purple-edit-80 .fs-3 {
      margin-left: 40px;
      color: #786494;
}

/* BATCH 9 (PURPLE FLORAL BATCH 4): GEOMETRIC & MICRO-DETAILS (Cards 81-90) */

.card-purple-edit-81 {
      background: #EBE8F0;
}

.card-purple-edit-81 .card-inner {
      padding: 25px;
      position: relative;
      justify-content: flex-start;
}

.card-purple-edit-81 .four-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 10px;
      width: 100%;
      height: 75%;
}

.card-purple-edit-81 .fg-item {
      border-radius: 4px;
      overflow: hidden;
      position: relative;
}

.card-purple-edit-81 .fg-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-81 .fg-1 {
      transform: translateY(15px);
}

.card-purple-edit-81 .fg-2 {
      transform: translateY(0);
}

.card-purple-edit-81 .fg-3 {
      transform: translateY(5px);
}

.card-purple-edit-81 .fg-4 {
      background: #6B4C9A;
      display: flex;
      justify-content: center;
      align-items: center;
      transform: translateY(-10px);
}

.card-purple-edit-81 .fg-4 h2 {
      font-family: 'Playfair Display', serif;
      font-size: 5rem;
      color: #FFF;
      margin: 0;
}

.card-purple-edit-81 .bottom-cap {
      position: absolute;
      bottom: 30px;
      left: 30px;
}

.card-purple-edit-81 .bottom-cap p {
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 4px;
      color: #4A3B69;
}

.card-purple-edit-82 {
      background: #FAF9FC;
}

.card-purple-edit-82 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-82 .circle-window {
      width: 100%;
      height: 60%;
      border-radius: 0 0 50% 50%;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
}

.card-purple-edit-82 .circle-window img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-82 .cw-petals {
      position: absolute;
      top: 50%;
      left: 10%;
      width: 100px;
      height: 150px;
      object-fit: contain;
      z-index: 2;
      opacity: 0.8;
      filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1));
      transform: rotate(-20deg);
}

.card-purple-edit-82 .cw-text {
      position: absolute;
      bottom: 40px;
      width: 100%;
      text-align: center;
      z-index: 3;
}

.card-purple-edit-82 .cw-text h2 {
      font-family: 'Playfair Display', serif;
      font-size: 3rem;
      color: #6B4C9A;
      margin-bottom: 5px;
      letter-spacing: 5px;
}

.card-purple-edit-82 .cw-text p {
      font-family: 'Inter', sans-serif;
      font-size: 1rem;
      color: #786494;
      letter-spacing: 8px;
}

.card-purple-edit-83 {
      background: #2A1B38;
}

.card-purple-edit-83 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-83 .film-bg {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.3;
      mix-blend-mode: luminosity;
      z-index: 1;
}

.card-purple-edit-83 .film-edge {
      position: absolute;
      left: 20px;
      top: 10%;
      height: 80%;
      width: 80px;
      display: flex;
      flex-direction: column;
      gap: 15px;
      z-index: 2;
}

.card-purple-edit-83 .film-edge img {
      width: 100%;
      height: 100px;
      object-fit: cover;
      border: 4px solid #FFF;
      border-radius: 2px;
}

.card-purple-edit-83 .film-label {
      position: absolute;
      right: 20px;
      bottom: 40px;
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 3.5rem;
      color: #FFF;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      letter-spacing: 10px;
      z-index: 3;
}

.card-purple-edit-84 {
      background: #DFDCE6;
}

.card-purple-edit-84 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-84 .polaroid-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.5;
      filter: blur(5px);
      z-index: 1;
}

.card-purple-edit-84 .polaroid {
      width: 200px;
      background: #FFF;
      padding: 15px 15px 50px 15px;
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
      position: absolute;
}

.card-purple-edit-84 .polaroid img {
      width: 100%;
      height: 200px;
      object-fit: cover;
}

.card-purple-edit-84 .p-back {
      top: 20%;
      left: 15%;
      transform: rotate(-8deg);
      z-index: 2;
      opacity: 0.7;
      filter: contrast(1.2) grayscale(30%);
}

.card-purple-edit-84 .p-front {
      bottom: 20%;
      right: 15%;
      transform: rotate(5deg);
      z-index: 3;
}

.card-purple-edit-84 .p-caption {
      font-family: 'Caveat', cursive;
      font-size: 1.5rem;
      color: #4A3B69;
      text-align: center;
      margin-top: 15px;
}

.card-purple-edit-85 {
      background: #E6E1EB;
}

.card-purple-edit-85 .card-inner {
      padding: 0;
      justify-content: center;
      align-items: center;
      position: relative;
}

.card-purple-edit-85 .diamond-cut {
      width: 220px;
      height: 220px;
      transform: rotate(45deg);
      overflow: hidden;
      z-index: 1;
      border: 2px solid #6B4C9A;
}

.card-purple-edit-85 .diamond-cut img {
      width: 150%;
      height: 150%;
      object-fit: cover;
      transform: rotate(-45deg) scale(1.2);
      transform-origin: center;
}

.card-purple-edit-85 .diamond-orchid {
      position: absolute;
      bottom: 20%;
      right: -20%;
      width: 250px;
      height: 250px;
      object-fit: contain;
      z-index: 2;
      opacity: 0.8;
      mix-blend-mode: multiply;
      transform: rotate(15deg);
}

.card-purple-edit-86 {
      background: #FFF;
}

.card-purple-edit-86 .card-inner {
      padding: 0;
      display: flex;
      flex-direction: column;
      position: relative;
}

.card-purple-edit-86 .half-img-top {
      width: 100%;
      height: 50%;
}

.card-purple-edit-86 .half-img-top img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-86 .half-solid-bot {
      width: 100%;
      height: 50%;
      background: #4A3B69;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-86 .half-solid-bot h2 {
      font-family: 'Inter', sans-serif;
      font-weight: 800;
      font-size: 2.5rem;
      letter-spacing: 12px;
      color: #E6E1EB;
      text-align: center;
}

.card-purple-edit-86 .half-tiny-floral {
      position: absolute;
      top: -30px;
      right: 30px;
      width: 60px;
      height: 60px;
      object-fit: contain;
      z-index: 2;
}

.card-purple-edit-87 {
      background: #F4F1F8;
}

.card-purple-edit-87 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-87 .stamp-bg-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: grayscale(100%) contrast(1.1) brightness(1.2);
      z-index: 1;
}

.card-purple-edit-87 .stamp {
      width: 100px;
      height: 120px;
      background: #FFF;
      padding: 8px;
      border: 1px dashed #CCC;
      position: absolute;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      z-index: 3;
}

.card-purple-edit-87 .stamp img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-87 .st-1 {
      top: 20%;
      left: 15%;
      transform: rotate(-10deg);
}

.card-purple-edit-87 .st-2 {
      bottom: 25%;
      right: 20%;
      transform: rotate(15deg);
      display: flex;
      justify-content: center;
      align-items: center;
      background: #6B4C9A;
}

.card-purple-edit-87 .st-2 p {
      font-family: 'Playfair Display', serif;
      font-size: 3rem;
      color: #FFF;
      margin: 0;
}

.card-purple-edit-87 .stamp-bg-text {
      position: absolute;
      top: 15%;
      right: 10%;
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 4rem;
      color: rgba(107, 76, 154, 0.4);
      z-index: 2;
      writing-mode: vertical-rl;
}

.card-purple-edit-88 {
      background: #FFF;
}

.card-purple-edit-88 .card-inner {
      padding: 25px;
      position: relative;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
}

.card-purple-edit-88 .margin-note-img {
      width: 85%;
      height: 85%;
      object-fit: cover;
      z-index: 1;
}

.card-purple-edit-88 .margin-note-right {
      position: absolute;
      right: 15px;
      top: 30px;
      height: 85%;
      display: flex;
      align-items: center;
}

.card-purple-edit-88 .margin-note-right p {
      font-family: monospace;
      font-size: 0.7rem;
      color: #786494;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      letter-spacing: 2px;
}

.card-purple-edit-88 .margin-note-bot {
      position: absolute;
      bottom: 25px;
      left: 25px;
      width: 85%;
      display: flex;
      justify-content: space-between;
}

.card-purple-edit-88 .margin-note-bot span {
      font-family: 'Inter', sans-serif;
      font-size: 0.65rem;
      font-weight: 600;
      color: #4A3B69;
      letter-spacing: 1px;
}

.card-purple-edit-89 {
      background: #EBE8F0;
}

.card-purple-edit-89 .card-inner {
      padding: 0;
      position: relative;
      display: flex;
}

.card-purple-edit-89 .vert-bar {
      width: 25%;
      height: 100%;
      background: #111;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 2;
}

.card-purple-edit-89 .vert-bar h2 {
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 2.5rem;
      color: #FFF;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      letter-spacing: 10px;
}

.card-purple-edit-89 .vbar-model {
      width: 75%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
}

.card-purple-edit-89 .vbar-floral {
      position: absolute;
      bottom: 10%;
      left: 15%;
      width: 50%;
      height: 30%;
      object-fit: cover;
      z-index: 3;
      mix-blend-mode: color-burn;
      opacity: 0.8;
}

.card-purple-edit-90 {
      background: #DFDCE6;
}

.card-purple-edit-90 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
      overflow: hidden;
}

.card-purple-edit-90 .outline-bg-model {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.8) contrast(1.1);
      z-index: 1;
}

.card-purple-edit-90 .outline-huge-text {
      position: absolute;
      z-index: 2;
      font-family: 'Playfair Display', serif;
      font-size: 6.5rem;
      font-style: italic;
      color: transparent;
      -webkit-text-stroke: 2px #EBE8F0;
      transform: rotate(-15deg);
      line-height: 0.8;
      opacity: 0.9;
}

.card-purple-edit-90 .outline-bot-flowers {
      position: absolute;
      bottom: -5%;
      right: -10%;
      width: 120%;
      height: 50%;
      object-fit: cover;
      z-index: 3;
      opacity: 0.85;
      filter: drop-shadow(0 -10px 20px rgba(0, 0, 0, 0.3));
}

/* BATCH 10 (PURPLE FLORAL BATCH 5): ASYMMETRICAL & MIXED EXPERIMENTAL (Cards 91-100) */

.card-purple-edit-91 {
      background: #E6E1EB;
}

.card-purple-edit-91 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-91 .off-arch {
      width: 60%;
      height: 75%;
      border-radius: 200px 200px 0 0;
      overflow: hidden;
      position: absolute;
      left: 10%;
      bottom: 0;
      z-index: 1;
}

.card-purple-edit-91 .off-arch img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-91 .off-square {
      width: 160px;
      height: 160px;
      position: absolute;
      top: 15%;
      right: 10%;
      z-index: 2;
      box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.15);
}

.card-purple-edit-91 .off-square img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-91 .off-text {
      position: absolute;
      bottom: 40px;
      right: 20px;
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      font-size: 5rem;
      color: #6B4C9A;
      z-index: 3;
}

.card-purple-edit-92 {
      background: #FAF9FC;
}

.card-purple-edit-92 .card-inner {
      padding: 20px;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-92 .tri-pol {
      width: 140px;
      height: 170px;
      background: #FFF;
      padding: 10px 10px 30px 10px;
      box-shadow: 0 10px 20px rgba(107, 76, 154, 0.1);
      position: absolute;
}

.card-purple-edit-92 .tri-pol img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-92 .tp-1 {
      top: 10%;
      left: 10%;
      transform: rotate(-10deg);
      z-index: 1;
}

.card-purple-edit-92 .tp-2 {
      top: 35%;
      right: 10%;
      transform: rotate(15deg);
      z-index: 3;
}

.card-purple-edit-92 .tp-3 {
      bottom: 20%;
      left: 20%;
      transform: rotate(-5deg);
      z-index: 2;
}

.card-purple-edit-92 .tri-text {
      position: absolute;
      bottom: 30px;
      font-family: 'Playfair Display', serif;
      font-size: 2.5rem;
      color: #4A3B69;
      z-index: 4;
      letter-spacing: 5px;
}

.card-purple-edit-93 {
      background: #FFF;
      border: 20px solid #EBE8F0;
}

.card-purple-edit-93 .card-inner {
      padding: 0;
      display: flex;
      flex-direction: row;
}

.card-purple-edit-93 .dt-left {
      width: 50%;
      height: 100%;
}

.card-purple-edit-93 .dt-left img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: sepia(0.3) hue-rotate(220deg);
}

.card-purple-edit-93 .dt-right {
      width: 50%;
      height: 100%;
      background: #6B4C9A;
      display: flex;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-93 .dt-right p {
      font-family: 'Inter', sans-serif;
      font-size: 1.5rem;
      letter-spacing: 15px;
      color: #E6E1EB;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
}

.card-purple-edit-94 {
      background: #DFDCE6;
}

.card-purple-edit-94 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-94 .ring-out {
      width: 300px;
      height: 300px;
      border-radius: 50%;
      border: 2px dashed #6B4C9A;
      padding: 15px;
      position: absolute;
      z-index: 1;
      opacity: 0.5;
}

.card-purple-edit-94 .ring-out img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;
}

.card-purple-edit-94 .ring-in {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      position: absolute;
      z-index: 2;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.card-purple-edit-94 .ring-in img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;
}

.card-purple-edit-94 .ring-typo {
      position: absolute;
      top: 15%;
      font-family: 'Playfair Display', serif;
      font-size: 3rem;
      color: #4A3B69;
      z-index: 3;
      letter-spacing: 10px;
}

.card-purple-edit-95 {
      background: #FAF9FC;
}

.card-purple-edit-95 .card-inner {
      padding: 40px;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-95 span {
      position: absolute;
      font-family: 'Inter', sans-serif;
      font-size: 0.6rem;
      letter-spacing: 3px;
      color: #786494;
      z-index: 3;
}

.card-purple-edit-95 .tm-top-l {
      top: 30px;
      left: 30px;
}

.card-purple-edit-95 .tm-top-r {
      top: 30px;
      right: 30px;
}

.card-purple-edit-95 .tm-center-img {
      width: 150px;
      height: 200px;
      object-fit: cover;
      z-index: 1;
      border: 1px solid #EBE8F0;
      padding: 10px;
      background: #FFF;
}

.card-purple-edit-95 .tm-orchid {
      position: absolute;
      bottom: 35%;
      right: 15%;
      width: 120px;
      height: 120px;
      object-fit: contain;
      z-index: 2;
      opacity: 0.8;
}

.card-purple-edit-95 .tm-bot-c {
      position: absolute;
      bottom: 40px;
      font-family: monospace;
      font-size: 1.2rem;
      color: #4A3B69;
      letter-spacing: 8px;
}

.card-purple-edit-96 {
      background: #2A1B38;
}

.card-purple-edit-96 .card-inner {
      padding: 0;
      position: relative;
}

.card-purple-edit-96 .dmo-base {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.6) sepia(0.5) hue-rotate(220deg);
      z-index: 1;
}

.card-purple-edit-96 .dmo-mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: polygon(0 0, 100% 0, 100% 50%, 0 80%);
      z-index: 2;
}

.card-purple-edit-96 .dmo-mask img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-97 {
      background: #E6E1EB;
}

.card-purple-edit-97 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-97 .ex-blur-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: blur(20px) contrast(1.5) grayscale(20%);
      z-index: 1;
      opacity: 0.7;
}

.card-purple-edit-97 .ex-sharp-box {
      width: 80%;
      height: 250px;
      background: #FFF;
      position: absolute;
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 20px 40px rgba(74, 59, 105, 0.3);
}

.card-purple-edit-97 .ex-sharp-box p {
      font-family: 'Inter', sans-serif;
      font-size: 1.2rem;
      font-weight: 800;
      letter-spacing: 12px;
      color: #4A3B69;
}

.card-purple-edit-97 .ex-sharp-flower {
      position: absolute;
      bottom: -20px;
      left: -20px;
      width: 150px;
      height: 150px;
      object-fit: contain;
      z-index: 3;
}

.card-purple-edit-98 {
      background: #DFDCE6;
}

.card-purple-edit-98 .card-inner {
      padding: 20px;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-98 .step-b {
      width: 180px;
      height: 180px;
      position: absolute;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
      border: 2px solid #FFF;
}

.card-purple-edit-98 .step-b img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-purple-edit-98 .sb-1 {
      top: 15%;
      left: 15%;
      z-index: 1;
}

.card-purple-edit-98 .sb-2 {
      top: 40%;
      left: 30%;
      z-index: 2;
}

.card-purple-edit-98 .sb-3 {
      top: 65%;
      left: 45%;
      z-index: 3;
}

.card-purple-edit-98 .step-text {
      position: absolute;
      right: 20px;
      top: 10%;
      font-family: 'Playfair Display', serif;
      font-size: 2.5rem;
      color: #4A3B69;
      writing-mode: vertical-rl;
      letter-spacing: 8px;
}

.card-purple-edit-99 {
      background: #EBE8F0;
}

.card-purple-edit-99 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-99 .blank-bg {
      width: 85%;
      height: 85%;
      background: #FFF;
      position: absolute;
      z-index: 1;
      box-shadow: 0 10px 30px rgba(107, 76, 154, 0.1);
}

.card-purple-edit-99 .blank-cutout {
      width: 70%;
      height: 50%;
      opacity: 0.9;
      z-index: 2;
}

.card-purple-edit-99 .blank-cutout img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: sepia(0.2);
}

.card-purple-edit-99 .blank-word {
      position: absolute;
      bottom: 15%;
      z-index: 3;
      font-family: 'Inter', sans-serif;
      font-size: 4rem;
      color: #6B4C9A;
      font-weight: 900;
}

.card-purple-edit-100 {
      background: #FAF9FC;
}

.card-purple-edit-100 .card-inner {
      padding: 0;
      position: relative;
      justify-content: center;
      align-items: center;
}

.card-purple-edit-100 .mp-bg-macro {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.9) opacity(0.5);
      z-index: 1;
}

.card-purple-edit-100 .mp-center-frame {
      width: 65%;
      height: 55%;
      border: 3px solid rgba(255, 255, 255, 0.8);
      z-index: 2;
      padding: 10px;
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(5px);
}

.card-purple-edit-100 .mp-center-frame img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
}

.card-purple-edit-100 .mp-float-petals {
      position: absolute;
      z-index: 3;
      width: 150%;
      height: 150%;
      object-fit: cover;
      top: -25%;
      left: -25%;
      pointer-events: none;
      opacity: 0.6;
      mix-blend-mode: multiply;
}

.card-purple-edit-100 .mp-title {
      position: absolute;
      z-index: 4;
      font-family: 'Playfair Display', serif;
      font-size: 6rem;
      color: #FFF;
      top: 15%;
      font-style: italic;
      text-shadow: 0 5px 15px rgba(107, 76, 154, 0.5);
}

.card-purple-edit-100 .mp-sub {
      position: absolute;
      z-index: 4;
      bottom: 8%;
      font-family: 'Inter', sans-serif;
      font-size: 1rem;
      color: #4A3B69;
      letter-spacing: 15px;
      font-weight: 800;
}

/* 1. Clean White Editor */
.card-clean-editor .card-inner {
      padding: 30px;
}

.card-clean-editor .card-head {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 30px;
}

.card-clean-editor .avatar img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      object-fit: cover;
}

.card-clean-editor h3 {
      font-size: 1.2rem;
      margin-bottom: 4px;
}

.card-clean-editor p {
      font-size: 0.9rem;
      color: var(--text-muted);
}

.card-clean-editor .input-mock {
      background: #f3f4f6;
      padding: 15px;
      border-radius: var(--radius-sm);
      margin-bottom: 15px;
      font-size: 0.9rem;
      color: #9ca3af;
}

.card-clean-editor .action-btn {
      width: 100%;
      padding: 15px;
      background: var(--primary);
      color: white;
      border: none;
      border-radius: var(--radius-sm);
      font-weight: 600;
      cursor: pointer;
      margin-top: 10px;
}

/* 2. Dark Mode Identity */
.card-dark-mode {
      background: #0f1115;
      color: #fff;
      border: 1px solid #272a30;
}

.card-dark-mode .card-inner {
      padding: 30px;
}

.card-dark-mode .glass-header {
      display: flex;
      gap: 20px;
      align-items: center;
      margin-bottom: 30px;
      background: rgba(255, 255, 255, 0.05);
      padding: 20px;
      border-radius: var(--radius-md);
      border: 1px solid rgba(255, 255, 255, 0.1);
}

.card-dark-mode .avatar.squared img {
      width: 70px;
      height: 70px;
      border-radius: 12px;
}

.card-dark-mode h3 {
      font-family: monospace;
      font-size: 1.4rem;
      color: #10b981;
      margin-bottom: 5px;
      letter-spacing: 0.1em;
}

.card-dark-mode p {
      font-size: 0.85rem;
      color: #9ca3af;
      text-transform: uppercase;
}

.card-dark-mode .stats-row {
      display: flex;
      gap: 30px;
      margin-bottom: 30px;
      border-bottom: 1px solid #272a30;
      padding-bottom: 20px;
}

.card-dark-mode .stat {
      font-size: 0.8rem;
      color: #6b7280;
      display: flex;
      flex-direction: column;
      gap: 5px;
}

.card-dark-mode .stat span {
      font-size: 1.5rem;
      color: #fff;
      font-weight: 700;
}

.card-dark-mode .tech-stack {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
}

.card-dark-mode .tag {
      background: #1e293b;
      color: #38bdf8;
      padding: 5px 12px;
      border-radius: 4px;
      font-size: 0.8rem;
      font-family: monospace;
}

/* 3. Minimal Light Stack */
.card-minimal-stack {
      background: #fafafa;
}

.card-minimal-stack .card-inner {
      padding: 40px;
      text-align: center;
}

.card-minimal-stack .avatar-large {
      margin: auto;
      margin-bottom: 20px;
      width: 120px;
      height: 120px;
      padding: 5px;
      background: #fff;
      border-radius: 50%;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.card-minimal-stack .avatar-large img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      object-fit: cover;
}

.card-minimal-stack h2 {
      font-size: 1.8rem;
      margin-bottom: 5px;
}

.card-minimal-stack .role {
      color: var(--primary);
      font-weight: 500;
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 25px;
}

.card-minimal-stack .social-links {
      display: flex;
      justify-content: center;
      gap: 15px;
      margin-bottom: 25px;
}

.card-minimal-stack .s-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: #333;
}

.card-minimal-stack .bio {
      font-size: 1rem;
      color: #666;
      line-height: 1.5;
      margin-bottom: 30px;
      padding: 0 20px;
}

.card-minimal-stack .primary-btn {
      background: #111;
      color: #fff;
      padding: 12px 30px;
      border-radius: 30px;
      border: none;
      font-weight: 500;
      cursor: pointer;
}

/* 4. Retro Yellow */
.card-retro-yellow {
      background: #fbbf24;
      border: 4px solid #000;
      border-radius: 0;
      box-shadow: 10px 10px 0 #000;
}

.card-retro-yellow:hover {
      transform: translate(-5px, -5px);
      box-shadow: 15px 15px 0 #000;
}

.card-retro-yellow .retro-header {
      background: #ef4444;
      color: white;
      padding: 15px;
      text-align: center;
      border-bottom: 4px solid #000;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.card-retro-yellow .retro-header h1 {
      font-size: 2.5rem;
      font-weight: 900;
      letter-spacing: -1px;
}

.card-retro-yellow .retro-header p {
      font-size: 0.8rem;
      font-weight: bold;
      letter-spacing: 2px;
}

.card-retro-yellow .retro-body {
      padding: 40px 20px;
      text-align: center;
      background: #fff;
}

.card-retro-yellow .marker-text {
      font-family: 'Caveat', cursive;
      font-size: 4rem;
      color: #000;
      transform: rotate(-5deg);
      margin-bottom: 30px;
}

.card-retro-yellow .barcode {
      font-family: monospace;
      font-size: 2rem;
      letter-spacing: -2px;
      margin-bottom: 20px;
      color: #333;
}

.card-retro-yellow .brutal-btn {
      background: #000;
      color: #fff;
      border: none;
      padding: 15px 40px;
      font-weight: 900;
      letter-spacing: 1px;
      width: 100%;
      border-radius: 0;
      cursor: pointer;
      text-transform: uppercase;
}

/* 5. Gradient Hero */
.card-gradient-hero {
      overflow: hidden;
}

.card-gradient-hero .grad-banner {
      height: 120px;
      background: linear-gradient(135deg, #f97316, #ec4899);
}

.card-gradient-hero .avatar-overlap {
      margin-top: -50px;
      text-align: center;
}

.card-gradient-hero .avatar-overlap img {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      border: 5px solid #fff;
      object-fit: cover;
}

.card-gradient-hero .content {
      padding: 20px 30px 40px;
      text-align: center;
}

.card-gradient-hero h3 {
      font-size: 1.5rem;
      margin-bottom: 5px;
}

.card-gradient-hero p {
      color: #666;
      margin-bottom: 25px;
}

.card-gradient-hero .link-list {
      display: flex;
      flex-direction: column;
      gap: 10px;
}

.card-gradient-hero .link-item {
      padding: 15px;
      border-radius: var(--radius-md);
      background: #f8f9fa;
      border: 1px solid #eee;
      font-weight: 500;
      cursor: pointer;
      transition: background 0.2s;
}

.card-gradient-hero .link-item:hover {
      background: #f0f4fd;
      color: var(--primary);
      border-color: var(--primary);
}

/* 6. Editorial Serif */
.card-editorial {
      background: #f5f2eb;
}

.card-editorial .card-inner {
      padding: 40px;
}

.card-editorial .serif-header {
      font-family: 'Playfair Display', serif;
      font-size: 2rem;
      font-style: italic;
      text-align: center;
      color: #333;
      margin-bottom: 20px;
}

.card-editorial hr {
      border: none;
      border-top: 1px solid #dcd5c6;
      margin-bottom: 30px;
}

.card-editorial .story-content {
      position: relative;
      margin-bottom: 40px;
}

.card-editorial .dropcap {
      float: left;
      font-family: 'Playfair Display', serif;
      font-size: 4.5rem;
      line-height: 0.8;
      margin-right: 15px;
      color: #111;
}

.card-editorial .text {
      font-family: 'Playfair Display', serif;
      font-size: 1.1rem;
      line-height: 1.7;
      color: #555;
}

.card-editorial .author-stamp {
      display: flex;
      align-items: center;
      gap: 15px;
      border-top: 1px dashed #ccc;
      padding-top: 20px;
}

.card-editorial .author-stamp img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      filter: grayscale(100%);
}

.card-editorial .author-stamp span {
      font-family: 'Inter', sans-serif;
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #777;
}

/* 7. Music Player Card */
.card-music-player {
      background: #18181b;
      color: #fff;
}

.card-music-player .card-inner {
      padding: 30px;
}

.card-music-player .now-playing {
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      color: #a1a1aa;
      text-align: center;
      margin-bottom: 25px;
}

.card-music-player .album-art {
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 25px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
      aspect-ratio: 1/1;
}

.card-music-player .album-art img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.card-music-player .track-info {
      text-align: center;
      margin-bottom: 25px;
}

.card-music-player h3 {
      font-size: 1.4rem;
      margin-bottom: 5px;
}

.card-music-player p {
      color: #a1a1aa;
}

.card-music-player .progress-bar {
      height: 4px;
      background: #3f3f46;
      border-radius: 2px;
      margin-bottom: 25px;
}

.card-music-player .fill {
      width: 45%;
      height: 100%;
      background: #fff;
      border-radius: 2px;
      position: relative;
}

.card-music-player .fill::after {
      content: '';
      position: absolute;
      right: -4px;
      top: -3px;
      width: 10px;
      height: 10px;
      background: #fff;
      border-radius: 50%;
}

.card-music-player .controls {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 30px;
      font-size: 1.5rem;
      color: #d4d4d8;
}

.card-music-player .play {
      font-size: 2.5rem;
      color: #fff;
}