:root{--color-orange-light: #ffb066;--color-orange: #ff8d3a;--color-orange-dark: #ff7a00;--color-orange-accent: #ff9f43;--color-orange-required: #ff7f32;--color-primary-pink: #ff9ec3;--color-primary-pink-light: #ff7ba8;--color-primary-pink-lighter: #ffe5f0;--color-primary-pink-shadow: rgba(255, 123, 168, .3);--color-secondary-blue: #87ceeb;--color-secondary-blue-dark: #4a9fd8;--color-secondary-blue-shadow: rgba(74, 159, 216, .3);--color-secondary-green: #90ee90;--color-secondary-green-dark: #32cd32;--color-secondary-green-shadow: rgba(50, 205, 50, .3);--color-secondary-purple: #dda0dd;--color-secondary-purple-dark: #ba55d3;--color-secondary-purple-shadow: rgba(186, 85, 211, .3);--color-secondary-orange: #ffa500;--color-secondary-orange-dark: #ff8c00;--color-secondary-orange-shadow: rgba(255, 140, 0, .3);--color-text-primary: #333;--color-text-secondary: #666;--color-border: rgba(0, 0, 0, .06);--color-background: #fff;--color-background-light: #fef5f5;--color-background-lighter: #fff9f5;--color-white-pure: #ffffff;--color-white-card: rgba(255, 255, 255, .7);--color-white-overlay: rgba(255, 255, 255, .95);--color-bg-primary: #faf8f7;--color-bg-warm: #fff4ea;--color-bg-pink: #ffeef3;--color-bg-gray: #e2e8f0;--color-bg-light: #f8fafc;--color-indigo-light: #6366f1;--color-indigo: #4f46e5;--color-indigo-dark: #4338ca;--color-blue-light: #60a5fa;--color-blue: #3b82f6;--color-blue-focus: #3b82f6;--color-blue-active: #eff6ff;--color-blue-info: #e8f1ff;--color-green-light: #4ade80;--color-green: #22c55e;--color-green-dark: #059669;--color-green-gradient-start: #10b981;--color-green-gradient-end: #059669;--color-red-light: #f87171;--color-red: #ef4444;--color-yellow-light: #fde047;--color-yellow: #fbbf24;--color-yellow-dark: #f59e0b;--color-yellow-gold: #d97706;--color-yellow-warning: #fffbeb;--color-pink-light: #f472b6;--color-pink: #ec4899;--color-pink-lottery: #d81e6d;--color-pink-lottery-soft: #fbe0ee;--color-purple-light: #a78bfa;--color-purple: #8b5cf6;--color-purple-maintenance: #faf5ff;--color-cyan-light: #22d3ee;--color-cyan: #06b6d4;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-dark: #1e293b;--color-dark-deep: #0f172a;--color-silver: #c0c0c0;--color-bronze: #cd7f32;--gradient-orange: linear-gradient( 135deg, var(--color-orange-light), var(--color-orange) );--gradient-orange-member: linear-gradient( 135deg, var(--color-orange-accent), var(--color-orange-dark) );--gradient-indigo: linear-gradient( 135deg, var(--color-indigo-light), var(--color-indigo) );--gradient-green: linear-gradient( 135deg, var(--color-green-gradient-start), var(--color-green-gradient-end) );--gradient-pink: linear-gradient( 135deg, var(--color-pink-lottery), var(--color-pink) );--gradient-yellow: linear-gradient( 135deg, var(--color-yellow-light), var(--color-yellow-dark) );--gradient-gold: linear-gradient( 135deg, var(--color-yellow-dark), var(--color-yellow-gold) );--gradient-dark: linear-gradient( 135deg, var(--color-dark-deep), var(--color-dark) );--gradient-blue: linear-gradient( 135deg, var(--color-blue-light), var(--color-blue) );--gradient-red: linear-gradient( 135deg, var(--color-red-light), var(--color-red) );--gradient-warning: linear-gradient( 135deg, var(--color-yellow), var(--color-yellow-dark) );--gradient-cyan: linear-gradient( 135deg, var(--color-cyan-light), var(--color-cyan) );--gradient-purple: linear-gradient( 135deg, var(--color-purple-light), var(--color-purple) );--gradient-gray: linear-gradient( 135deg, var(--color-gray-600), var(--color-gray-700) );--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-orange: 0 12px 24px rgba(255, 127, 50, .3);--shadow-blue: 0 12px 24px rgba(59, 130, 246, .3);--shadow-green: 0 12px 24px rgba(34, 197, 94, .3);--shadow-red: 0 12px 24px rgba(239, 68, 68, .3);--shadow-indigo: 0 12px 24px rgba(79, 70, 229, .3);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--border-radius-sm: 12px;--border-radius-md: 18px;--border-radius-lg: 32px;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-2xl: 20px;--spacing-3xl: 24px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1;--line-height-normal: 1.5;--line-height-relaxed: 1.75}body{background-image:url(/build/images/background-mobile.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:100vh}html{margin:0;padding:0}@media(min-width:768px)and (orientation:landscape){body{background-image:url(/build/images/background-desktop.png)}}@media(min-width:1024px){body{background-image:url(/build/images/background-desktop.png)}}.ec-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.ec-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.ec-card__image{width:100%;height:auto;object-fit:cover}.ec-card__image--lg{height:220px}.ec-card__image--md{height:180px}.ec-card__body{padding:var(--spacing-lg);text-align:center}.ec-card__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.ec-card__title--lg{font-size:var(--font-size-lg)}.ec-card__title--md{font-size:var(--font-size-base)}.ec-card__text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.ec-card__text--sm{font-size:var(--font-size-sm)}.ec-card__text--xs{font-size:var(--font-size-xs)}.ec-card__icon{color:var(--color-primary-pink);display:inline-block;margin-bottom:var(--spacing-lg)}.ec-card__icon--lg{font-size:3rem}.ec-card__icon--md{font-size:2.5rem}.ec-card__icon--sm{font-size:2rem}.ec-card__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);background-color:transparent}@media(max-width:480px){.ec-card__icon--lg{font-size:2.5rem}.ec-card__icon--md{font-size:2rem}.ec-card__icon--sm{font-size:1.5rem}}