.date-category-page{--date-primary: #0891b2;--date-secondary: #06b6d4;--date-accent: #22d3ee;--date-light: #ecfeff;--date-lighter: #cffafe;--date-dark: #0e7490;--date-glow: rgba(6, 182, 212, .3)}.date-hero{background:linear-gradient(135deg,var(--date-light) 0%,var(--date-lighter) 50%,#a5f3fc 100%);padding:3rem 1.5rem;border-radius:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.date-hero:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(6,182,212,.15) 0%,transparent 60%);pointer-events:none}.date-hero-content{position:relative;z-index:1}.date-accent-bar{width:60px;height:4px;background:linear-gradient(90deg,var(--date-primary),var(--date-accent));border-radius:2px;margin-bottom:1.5rem;animation:dateAccentPulse 2s ease-in-out infinite}@keyframes dateAccentPulse{0%,to{opacity:1;width:60px}50%{opacity:.7;width:80px}}.date-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:var(--date-primary);box-shadow:0 2px 8px #06b6d426;margin-bottom:1rem}.date-hero-icon{width:18px;height:18px;stroke:var(--date-primary)}.date-hero-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:var(--date-dark);margin-bottom:.75rem;line-height:1.2}.date-hero-description{font-size:1.125rem;color:#6b7280;max-width:600px;line-height:1.6}.date-stats{margin-bottom:3rem}.date-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.date-stat-card{background:#fff;padding:1.25rem;border-radius:1rem;border:1px solid #e5e7eb;text-align:center;transition:all .3s ease}.date-stat-card:hover{border-color:var(--date-accent);box-shadow:0 4px 12px #06b6d41a;transform:translateY(-2px)}.date-stat-icon{width:40px;height:40px;margin:0 auto .75rem;padding:.5rem;background:var(--date-light);border-radius:.75rem}.date-stat-icon svg{width:100%;height:100%;stroke:var(--date-primary)}.date-stat-number{font-size:1.75rem;font-weight:700;color:var(--date-dark);line-height:1;margin-bottom:.25rem}.date-stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.date-calculators{margin-bottom:3rem}.date-section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.date-calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.date-calc-card{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;overflow:hidden;text-decoration:none;transition:all .3s ease;display:block}.date-calc-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px var(--date-glow);border-color:var(--date-accent)}.date-calc-accent{height:4px;background:linear-gradient(90deg,var(--date-primary),var(--date-accent))}.date-calc-content{padding:1.25rem}.date-calc-name{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;transition:color .2s ease}.date-calc-card:hover .date-calc-name{color:var(--date-primary)}.date-calc-desc{font-size:.875rem;color:#6b7280;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.date-calc-footer{display:flex;align-items:center;justify-content:space-between}.date-calc-tags{display:flex;gap:.5rem}.date-tag{font-size:.6875rem;font-weight:500;padding:.25rem .625rem;border-radius:9999px}.date-tag-calc{background:#dcfce7;color:#166534}.date-tag-guide{background:#dbeafe;color:#1e40af}.date-calc-arrow{width:20px;height:20px;stroke:#9ca3af;transition:all .2s ease}.date-calc-card:hover .date-calc-arrow{stroke:var(--date-primary);transform:translate(4px)}.date-featured{margin-bottom:3rem}.date-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.date-featured-card{background:linear-gradient(135deg,var(--date-primary) 0%,var(--date-secondary) 100%);padding:1.5rem;border-radius:1rem;color:#fff;position:relative;overflow:hidden}.date-featured-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:translate(30%,-30%)}.date-featured-number{font-size:2.5rem;font-weight:700;opacity:.2;position:absolute;top:.5rem;right:1rem;line-height:1}.date-featured-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;position:relative}.date-featured-desc{font-size:.875rem;opacity:.9;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.date-featured-cta{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--date-primary);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease}.date-featured-cta:hover{background:var(--date-light);transform:translate(4px)}.date-featured-cta svg{width:16px;height:16px}.date-seo{background:linear-gradient(135deg,#fafafa,#f5f5f5);padding:2rem;border-radius:1rem;border-left:4px solid var(--date-primary)}.date-seo-content h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.date-seo-content h3{font-size:1.125rem;font-weight:600;color:#374151;margin:1.5rem 0 1rem}.date-seo-content p{color:#4b5563;line-height:1.7}.date-seo-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 1rem}.date-seo-link{color:var(--date-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.date-seo-link:hover{color:var(--date-dark);text-decoration:underline}@media (max-width: 900px){.date-stats-grid,.date-featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.date-hero{padding:2rem 1.25rem}.date-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.date-stat-card{padding:1rem}.date-stat-number{font-size:1.5rem}.date-featured-grid,.date-calc-grid,.date-seo-links{grid-template-columns:1fr}}