.age-calculator{--age-primary: #ec4899;--age-secondary: #f472b6;--age-accent: #f9a8d4;--age-dark: #831843;--age-light: #fdf2f8;--age-gradient: linear-gradient(135deg, #ec4899 0%, #db2777 50%, #be185d 100%);--age-card-bg: #ffffff;--age-border: #e5e7eb;--age-text: #1f2937;--age-text-muted: #6b7280;max-width:900px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.age-header{text-align:center;margin-bottom:2rem;padding:2rem;background:var(--age-gradient);border-radius:20px;color:#fff;position:relative;overflow:hidden}.age-header:before{content:"🎂";position:absolute;font-size:8rem;opacity:.1;right:-1rem;top:50%;transform:translateY(-50%)}.age-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;position:relative}.age-description{font-size:1.1rem;opacity:.95;margin:0;position:relative}.age-formula-container{background:var(--age-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #ec48991a;border:1px solid var(--age-border)}.age-formula-title{font-size:1.1rem;font-weight:700;color:var(--age-dark);margin:0 0 1rem;text-align:center}.age-formula-grid{display:grid;grid-template-columns:1fr;gap:1rem}.age-formula-card{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:12px;padding:1.25rem;text-align:center}.age-formula-label{font-size:.875rem;font-weight:600;color:var(--age-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.age-formula-display{min-height:3rem;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;font-size:1.1rem}.age-form-container{background:var(--age-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #ec48991a;border:1px solid var(--age-border)}.age-form{display:flex;flex-direction:column;gap:1.25rem}.age-input-group{display:flex;flex-direction:column;gap:.5rem}.age-label{font-weight:600;font-size:.9rem;color:var(--age-text)}.age-input{padding:.875rem 1rem;border:2px solid var(--age-border);border-radius:10px;font-size:1rem;transition:all .2s ease;background:#fff}.age-input:focus{outline:none;border-color:var(--age-primary);box-shadow:0 0 0 4px #ec48991a}.age-buttons{display:grid;grid-template-columns:2fr 1fr;gap:.75rem;margin-top:.5rem}.age-calculate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--age-gradient);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ec48994d}.age-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.age-btn-icon{font-size:1.25rem}.age-reset-btn{padding:1rem;background:var(--age-light);color:var(--age-primary);border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.age-reset-btn:hover{background:#fbcfe8}.age-results{background:var(--age-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #ec48991a;border:1px solid var(--age-border)}.age-results.hidden{display:none}.age-results-title{font-size:1.25rem;font-weight:700;color:var(--age-dark);margin:0 0 1.25rem;text-align:center}.age-main-result{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;background:var(--age-gradient);border-radius:16px;color:#fff;margin-bottom:1.5rem}.age-main-value{display:flex;align-items:baseline;gap:.5rem}.age-years{font-size:4rem;font-weight:800;line-height:1}.age-years-label{font-size:1.5rem;font-weight:600;opacity:.9}.age-secondary{font-size:1.1rem;opacity:.9}.age-breakdown-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1.5rem}.age-breakdown-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;background:#f9fafb;border-radius:10px;text-align:center}.age-breakdown-value{font-size:1.1rem;font-weight:800;color:var(--age-dark)}.age-breakdown-label{font-size:.7rem;font-weight:600;color:var(--age-text-muted);text-transform:uppercase}.age-facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.age-fact-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--age-light);border-radius:12px}.age-fact-icon{font-size:1.5rem}.age-fact-content{display:flex;flex-direction:column;gap:.125rem}.age-fact-label{font-size:.7rem;font-weight:600;color:var(--age-text-muted);text-transform:uppercase}.age-fact-value{font-size:.95rem;font-weight:700;color:var(--age-dark)}.age-next-birthday{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:1.25rem}.age-next-birthday-content{display:flex;align-items:center;gap:1rem}.age-next-birthday-icon{font-size:2.5rem}.age-next-birthday-info{display:flex;flex-direction:column;gap:.125rem}.age-next-birthday-label{font-size:.75rem;font-weight:600;color:#92400e;text-transform:uppercase}.age-next-birthday-value{font-size:1.25rem;font-weight:800;color:#78350f}.age-next-birthday-date{font-size:.85rem;color:#a16207}.age-content{margin-top:3rem}.age-section{margin-bottom:2.5rem}.age-section-title{font-size:1.5rem;font-weight:800;color:var(--age-dark);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--age-accent)}.age-paragraph{color:var(--age-text);line-height:1.7;margin-bottom:1rem}.age-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.age-feature-card{background:var(--age-card-bg);border-radius:12px;padding:1.25rem;text-align:center;border:1px solid var(--age-border);transition:all .3s ease}.age-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ec489926}.age-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.age-feature-title{font-size:1rem;font-weight:700;color:var(--age-dark);margin:0 0 .5rem}.age-feature-description{font-size:.875rem;color:var(--age-text-muted);margin:0;line-height:1.5}.age-tips-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.age-tip-card{display:flex;gap:1rem;background:var(--age-card-bg);border-radius:12px;padding:1.25rem;border:1px solid var(--age-border)}.age-tip-icon{font-size:1.5rem;flex-shrink:0}.age-tip-content{flex:1}.age-tip-title{font-size:1rem;font-weight:700;color:var(--age-dark);margin:0 0 .375rem}.age-tip-text{font-size:.9rem;color:var(--age-text-muted);margin:0;line-height:1.6}.age-table-wrapper{overflow-x:auto;margin-top:1.5rem;border-radius:12px;border:1px solid var(--age-border)}.age-table{width:100%;border-collapse:collapse;font-size:.85rem}.age-table th{background:var(--age-light);padding:.875rem .75rem;text-align:left;font-weight:700;color:var(--age-dark);border-bottom:2px solid var(--age-border)}.age-table td{padding:.875rem .75rem;border-bottom:1px solid var(--age-border);color:var(--age-text)}.age-table-row.millennial{background:#ec48990d}.age-table-row.genz{background:#ec48991a}.age-faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.age-faq-item{background:var(--age-card-bg);border-radius:12px;border:1px solid var(--age-border);overflow:hidden}.age-faq-question{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;font-weight:600;color:var(--age-dark);list-style:none}.age-faq-question::-webkit-details-marker{display:none}.age-faq-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--age-gradient);color:#fff;border-radius:6px;font-size:.75rem;font-weight:800;flex-shrink:0}.age-faq-item[open] .age-faq-question{border-bottom:1px solid var(--age-border)}.age-faq-answer{padding:1rem 1.25rem;background:#fafafa}.age-faq-answer p{margin:0;color:var(--age-text);line-height:1.7;font-size:.95rem}@media (max-width: 768px){.age-title{font-size:1.5rem}.age-header:before{font-size:5rem}.age-breakdown-grid{grid-template-columns:repeat(3,1fr)}.age-facts-grid,.age-features-grid,.age-buttons{grid-template-columns:1fr}.age-years{font-size:3rem}}.hidden{display:none!important}