.greeting-cards-app{min-height:100vh;background:linear-gradient(135deg,#f3e8ff,#fdf2f8,#fce7f3);transition:all .3s ease}.greeting-cards-app.dark{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.greeting-header{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #9333ea1a}.dark .greeting-header{background:#0003;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #9333ea33}.greeting-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d;border:1px solid rgba(255,255,255,.2)}.greeting-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#9333ea)}.lang-switcher{padding:.5rem 1rem;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .3s ease;box-shadow:0 2px 10px #ec48994d;border:1px solid rgba(255,255,255,.2)}.lang-switcher:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ec489966;background:linear-gradient(135deg,#db2777,#e91e63)}.greeting-hero-section{position:relative;padding:4rem 0;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f472b6);min-height:60vh;display:flex;align-items:center;justify-content:center}.greeting-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(236,72,153,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(244,114,182,.2) 0%,transparent 50%);animation:greeting-hero-float 20s ease-in-out infinite}@keyframes greeting-hero-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.greeting-hero-decoration{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:greeting-hero-sparkle 15s linear infinite}@keyframes greeting-hero-sparkle{0%{transform:translate(0) translateY(0)}to{transform:translate(-60px) translateY(-60px)}}.greeting-hero-content{position:relative;z-index:10;text-align:center;max-width:800px;margin:0 auto;padding:0 2rem}.greeting-hero-icon-container{margin-bottom:2rem}.greeting-hero-icon{font-size:4rem;display:inline-block;animation:greeting-hero-bounce 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes greeting-hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.greeting-hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3);line-height:1.2;animation:greeting-hero-fade-in 1s ease-out}@keyframes greeting-hero-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.greeting-hero-subtitle{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:greeting-hero-fade-in 1s ease-out .2s both}.greeting-main-content{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #8b5cf61a;border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem auto;width:100%;max-width:1200px}.dark .greeting-main-content{background:#0000004d;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #8b5cf633}.greeting-sections-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.greeting-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem 2rem;justify-content:center;align-items:start;grid-auto-flow:dense}@media (min-width: 1024px){.greeting-sections-grid{grid-template-columns:repeat(4,1fr);max-width:1200px}.greeting-section-card-enhanced[data-priority="1"],.greeting-section-card-enhanced[data-priority="2"]{grid-column:span 2;grid-row:span 1}.greeting-section-card-enhanced[data-priority="3"],.greeting-section-card-enhanced[data-priority="4"]{grid-column:span 1;order:-1}}@media (min-width: 768px) and (max-width: 1023px){.greeting-sections-grid{grid-template-columns:repeat(3,1fr)}.greeting-section-card-enhanced[data-priority="1"]{grid-column:span 2}}.greeting-section-card-enhanced{position:relative;background:#fffffff7;border-radius:16px;padding:0;transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(139,92,246,.08);overflow:hidden;cursor:pointer;box-shadow:0 4px 12px -2px #8b5cf60f,0 2px 4px -2px #8b5cf608;min-height:280px;display:flex;flex-direction:column;contain:layout style;will-change:transform}.greeting-section-card-enhanced[data-priority="1"],.greeting-section-card-enhanced[data-priority="2"],.greeting-section-card-enhanced[data-priority="3"]{background:#fffffffc;border:1.5px solid rgba(139,92,246,.12);box-shadow:0 6px 16px -3px #8b5cf61a,0 4px 8px -4px #8b5cf60f}.greeting-section-card-enhanced[data-popular=true]:before{content:"⭐";position:absolute;top:1rem;right:1rem;font-size:1.1rem;z-index:10;opacity:.9;transition:opacity .3s ease;will-change:opacity}.greeting-section-card-enhanced[data-popular=true]:hover:before{opacity:1}.greeting-section-card-enhanced[data-seasonal=true]:after{content:"🎉";position:absolute;top:1rem;left:1rem;font-size:.9rem;z-index:10;opacity:.6;transition:opacity .3s ease;will-change:opacity}.greeting-section-card-enhanced[data-seasonal=true]:hover:after{opacity:.8}.greeting-section-card-enhanced[data-category=religious]{background:#f8fffbfa}.greeting-section-card-enhanced[data-category=personal]{background:#fff8f8fa}.greeting-section-card-enhanced[data-category=national]{background:#f8fafffa}.greeting-section-card-enhanced[data-category=family]{background:#fff8fcfa}.greeting-section-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 12px 25px -5px #8b5cf626,0 8px 15px -8px #8b5cf61a;border-color:#8b5cf626}.greeting-section-card-enhanced:active{transform:translateY(-2px)}.greeting-card-header{padding:2rem 2rem 1rem;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.greeting-card-icon-container{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;transition:transform .25s ease}.greeting-section-card-enhanced:hover .greeting-card-icon-container{transform:scale(1.05)}.greeting-card-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;line-height:1.3;text-align:center}.greeting-card-description{font-size:.875rem;color:#6b7280;line-height:1.5;text-align:center;margin-bottom:1rem}.greeting-back-button-enhanced{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border-radius:16px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #8b5cf64d;border:1px solid rgba(255,255,255,.2);text-decoration:none;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap;font-size:.9rem}.greeting-back-button-enhanced:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#9333ea)}.greeting-back-button-enhanced:active{transform:translateY(0)}@media (prefers-color-scheme: dark){.greeting-section-card-enhanced{background:linear-gradient(145deg,#1f2937f2,#374151e6);border-color:#8b5cf633;box-shadow:0 10px 25px -5px #8b5cf633,0 8px 10px -6px #8b5cf626}.greeting-section-card-enhanced:hover{border-color:#8b5cf64d;box-shadow:0 25px 50px -12px #8b5cf64d,0 20px 25px -5px #8b5cf633}.greeting-card-title{color:#f9fafb}.greeting-card-description{color:#d1d5db}}@media (max-width: 480px){.greeting-sections-grid{grid-template-columns:1fr;gap:.875rem;padding:0 1rem}.greeting-section-card-enhanced{min-height:140px;border-radius:16px;transition:transform .2s ease,box-shadow .2s ease;padding:0;margin-bottom:.5rem;box-shadow:0 2px 12px #8b5cf614,0 1px 4px #8b5cf60a;background:#fffffffa;border:1px solid rgba(139,92,246,.06);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer}.greeting-card-header{display:flex;align-items:center;padding:1rem;gap:1rem;text-align:right}.greeting-card-icon-container{width:56px;height:56px;font-size:1.5rem;transition:none;margin:0;flex-shrink:0;border-radius:12px;box-shadow:0 2px 8px #0000001a}.greeting-card-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:56px}.greeting-card-title{font-size:1rem;font-weight:600;margin-bottom:.25rem;line-height:1.3;color:#1f2937}.greeting-card-description{font-size:.8rem;line-height:1.4;color:#6b7280;margin:0}.greeting-section-card-enhanced:active{transform:scale(.98);box-shadow:0 1px 6px #8b5cf61f,0 0 2px #8b5cf614}.greeting-section-card-enhanced:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf61f,0 2px 6px #8b5cf60f}.greeting-section-card-enhanced[data-popular=true]:before,.greeting-section-card-enhanced[data-seasonal=true]:after{font-size:.75rem;top:.5rem;animation:none}.greeting-section-card-enhanced[data-popular=true]:before{right:.5rem}.greeting-section-card-enhanced[data-seasonal=true]:after{left:.5rem}.greeting-priority-badge{top:-3px;left:50%;transform:translate(-50%);font-size:.5rem;padding:.125rem .5rem;border-radius:8px}.greeting-card-category-label{position:static;background:#8b5cf614;padding:.25rem .5rem;margin-top:.5rem;font-size:.65rem;border-radius:6px;opacity:1;color:#8b5cf6cc;text-align:center;align-self:flex-start}.greeting-section-indicator{display:none}}@media (max-width: 360px){.greeting-sections-grid{gap:.75rem;padding:0 .75rem}.greeting-section-card-enhanced{min-height:120px;border-radius:14px}.greeting-card-header{padding:.875rem;gap:.875rem}.greeting-card-icon-container{width:48px;height:48px;font-size:1.25rem;border-radius:10px}.greeting-card-title{font-size:.9rem;font-weight:600}.greeting-card-description{font-size:.75rem;line-height:1.3}.greeting-card-category-label{font-size:.6rem;padding:.2rem .4rem;border-radius:5px;margin-top:.375rem}.greeting-priority-badge{font-size:.45rem;padding:.1rem .4rem}}@media (max-width: 768px){.greeting-section-card-enhanced{min-height:44px;transition:transform .15s ease,box-shadow .15s ease;outline:none}.greeting-section-card-enhanced:focus{box-shadow:0 0 0 2px #8b5cf64d,0 4px 16px #8b5cf61f;transform:translateY(-1px)}.greeting-section-card-enhanced:active{transition:transform .1s ease}.greeting-card-title{line-height:1.4;font-weight:600;color:#1f2937}.greeting-card-description{line-height:1.5;color:#4b5563;font-weight:400}.greeting-card-category-label{background:#8b5cf61f;color:#8b5cf6e6;border:1px solid rgba(139,92,246,.2);font-weight:500}.greeting-card-header{position:relative}.greeting-sections-container{padding-bottom:2rem}.greeting-section-card-enhanced{transform:translateZ(0);will-change:transform;contain:layout style;backface-visibility:hidden}.greeting-card-icon-container{background-attachment:local}@media (max-width: 480px){.greeting-section-card-enhanced{box-shadow:0 2px 8px #8b5cf60f,0 1px 3px #8b5cf60a}.greeting-section-card-enhanced:hover{box-shadow:0 3px 12px #8b5cf614,0 2px 4px #8b5cf60f}}}@media (max-width: 768px) and (orientation: landscape){.greeting-sections-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.greeting-section-card-enhanced{min-height:100px}.greeting-card-header{padding:.75rem;gap:.75rem}.greeting-card-icon-container{width:40px;height:40px;font-size:1.125rem}.greeting-card-title{font-size:.875rem}.greeting-card-description{font-size:.75rem}}.greeting-section-indicator{position:absolute;bottom:1rem;right:1rem;display:flex;gap:.25rem;z-index:5}.greeting-section-indicator .indicator-dot{width:6px;height:6px;border-radius:50%;background:#8b5cf64d;transition:all .3s ease}.greeting-section-card-enhanced:hover .indicator-dot{background:#8b5cf680}.greeting-card-category-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(139,92,246,.1) 0%,transparent 100%);padding:.5rem 1rem;font-size:.75rem;font-weight:500;color:#8b5cf6cc;text-align:center;border-radius:0 0 24px 24px;opacity:0;transition:opacity .3s ease}.greeting-section-card-enhanced:hover .greeting-card-category-label{opacity:1}.greeting-priority-badge{position:absolute;top:-5px;left:50%;transform:translate(-50%);background:#f59e0b;color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .75rem;border-radius:10px;box-shadow:0 2px 6px #f59e0b40;opacity:1;z-index:15;contain:layout style}.greeting-section-card-enhanced[data-priority="1"] .greeting-priority-badge,.greeting-section-card-enhanced[data-priority="2"] .greeting-priority-badge,.greeting-section-card-enhanced[data-priority="3"] .greeting-priority-badge{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 768px){.greeting-hero-title{font-size:2.5rem}.greeting-hero-subtitle{font-size:1.1rem}.greeting-hero-icon{font-size:3rem}.greeting-main-content{margin:-1rem .5rem 1rem}.greeting-sections-container{padding:1rem}.greeting-sections-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.greeting-section-card-enhanced{min-height:240px}.greeting-card-header{padding:1.5rem 1.5rem 1rem}.greeting-card-icon-container{width:70px;height:70px;font-size:2rem;margin-bottom:1rem}.greeting-back-button-enhanced{padding:.75rem 1rem;font-size:.875rem;gap:.5rem}.greeting-back-button-enhanced span{display:none}.greeting-btn{padding:.5rem;font-size:.875rem}}@media (max-width: 480px){.greeting-hero-title{font-size:2rem}.greeting-hero-subtitle{font-size:1rem}.greeting-hero-icon{font-size:2.5rem}}