.page-header{position:relative;background:linear-gradient(135deg,#667eea 0,#764ba2 50%,#f5576c 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;color:var(--white);padding:var(--space-12) 0;margin-bottom:0;overflow:hidden}.page-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,0.05)"/></svg>');background-size:100px 100px;opacity:.3}.page-header .container{position:relative;z-index:10}.page-header h1{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:var(--font-extrabold);margin-bottom:var(--space-4);text-shadow:0 4px 20px rgba(0,0,0,.2);animation:fadeInUp .6s ease}.page-header p{font-size:var(--text-lg);opacity:.95;animation:fadeInUp .6s ease .1s both}.breadcrumb{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);display:inline-flex;margin-bottom:var(--space-4);animation:fadeInUp .6s ease .2s both}.breadcrumb-item{color:rgba(255,255,255,.9)}.breadcrumb-item a{color:var(--white);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-fast)}.breadcrumb-item a:hover{color:var(--yellow);transform:translateX(2px)}.breadcrumb-item:last-child{color:var(--white);font-weight:var(--font-semibold)}.greetings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);padding:var(--space-8) 0}.greetings-grid a{text-decoration:none;color:inherit;display:block}.greeting-card{background:var(--white);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);height:100%;position:relative;animation:fadeInUp .6s ease both}.greeting-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl),0 0 30px rgba(102,126,234,.2)}.greeting-card::before{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#f5576c);border-radius:var(--radius-2xl);opacity:0;transition:opacity var(--transition-base);z-index:-1}.greeting-card:hover::before{opacity:1}.greeting-card img{width:100%;height:250px;object-fit:cover;transition:transform var(--transition-slow)}.greeting-card:hover img{transform:scale(1.1)}.greeting-card::after{content:'👁️ View';position:absolute;top:0;left:0;right:0;height:250px;background:linear-gradient(135deg,rgba(102,126,234,.95),rgba(118,75,162,.95));display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--white);opacity:0;transition:opacity var(--transition-base)}.greeting-card:hover::after{opacity:1}.greetings-grid .greeting-card:first-child{animation-delay:.1s}.greetings-grid .greeting-card:nth-child(2){animation-delay:.15s}.greetings-grid .greeting-card:nth-child(3){animation-delay:.2s}.greetings-grid .greeting-card:nth-child(4){animation-delay:.25s}.greetings-grid .greeting-card:nth-child(5){animation-delay:.3s}.greetings-grid .greeting-card:nth-child(6){animation-delay:.35s}.greetings-grid .greeting-card:nth-child(7){animation-delay:.4s}.greetings-grid .greeting-card:nth-child(8){animation-delay:.45s}.greetings-grid .greeting-card:nth-child(9){animation-delay:.5s}.event-card{background:var(--white);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer;position:relative;animation:fadeInUp .6s ease both}.event-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl),0 0 30px rgba(102,126,234,.2)}.event-card img{width:100%;height:200px;object-fit:cover;transition:transform var(--transition-slow)}.event-card:hover img{transform:scale(1.1)}.event-card-content{padding:var(--space-6)}.event-card-content h3{color:var(--gray-900);margin-bottom:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-display)}.event-date{display:inline-block;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.event-card-content p{color:var(--gray-600);line-height:var(--line-relaxed)}.search-container{max-width:600px;margin:var(--space-6) auto;position:relative}.search-container .search-input{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-12);font-size:var(--text-lg);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl);transition:all var(--transition-base)}.search-container .search-input:focus{outline:0;border-color:var(--white);box-shadow:var(--shadow-2xl),0 0 0 4px rgba(255,255,255,.2);transform:translateY(-2px)}.search-container::before{content:'\f002';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:var(--text-xl);pointer-events:none}.btn-accent{background:linear-gradient(135deg,#f5576c 0,#ff6b6b 100%);color:var(--white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 20px rgba(245,87,108,.4);color:var(--white)}.btn-accent i{transition:transform var(--transition-fast)}.btn-accent:hover i{transform:translateX(-3px)}.pagination{display:flex;justify-content:center;gap:var(--space-3);margin:var(--space-12) 0;flex-wrap:wrap}.pagination a,.pagination strong{padding:var(--space-3) var(--space-5);background:var(--white);color:var(--gray-700);text-decoration:none;border-radius:var(--radius-lg);border:2px solid var(--gray-200);transition:all var(--transition-fast);font-weight:var(--font-medium);min-width:44px;text-align:center;box-shadow:var(--shadow-sm)}.pagination a:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination strong{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:var(--white);border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);padding:var(--space-8) 0}.quote-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:fadeInUp .6s ease both}.quote-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity var(--transition-base)}.quote-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl),0 0 30px rgba(102,126,234,.2)}.quote-card:hover::before{opacity:.05}.quote-card p{position:relative;z-index:10;color:var(--gray-800);font-size:var(--text-lg);line-height:var(--line-relaxed);font-weight:var(--font-medium)}@media (max-width:768px){.page-header{padding:var(--space-8) 0}.page-header h1{font-size:var(--text-3xl)}.greetings-grid,.quotes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.greeting-card img,.greeting-card::after{height:200px}}@media (max-width:480px){.greetings-grid,.quotes-grid{grid-template-columns:1fr}.pagination{gap:var(--space-2)}.pagination a,.pagination strong{padding:var(--space-2) var(--space-4);min-width:40px}}