:root{--age-primary:#2563eb;--age-secondary:#3b82f6;--age-success:#16a34a;--age-warning:#f59e0b;--age-danger:#dc2626;--age-dark:#0f172a;--age-light:#f8fafc;--age-gradient:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%)}body{background:#f1f5f9}.age-card{border:none;border-radius:22px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.06)}.summary-card{background:var(--age-gradient);color:#fff}.section-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#fff;background:var(--age-primary);padding:12px 16px;border-radius:12px;margin-bottom:20px}.form-control,.form-select{border-radius:12px;min-height:48px;border:1px solid #dbeafe;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:var(--age-primary)}.input-label{font-size:.78rem;font-weight:700;color:#475569;margin-bottom:8px}.sticky-summary{position:sticky;top:20px}.summary-box{background:rgba(255,255,255,.12);border-radius:16px;padding:16px;margin-bottom:14px}.result-big{font-size:4rem;font-weight:900;line-height:1}.result-unit{font-size:1rem;font-weight:600;opacity:.9}.metric-card{background:#fff;border-radius:18px;padding:18px;height:100%;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:.25s ease}.metric-card:hover{transform:translateY(-4px)}.metric-icon{width:55px;height:55px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:14px;color:#fff}.bg-years{background:linear-gradient(135deg,#2563eb,#60a5fa)}.bg-months{background:linear-gradient(135deg,#16a34a,#4ade80)}.bg-days{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.bg-hours{background:linear-gradient(135deg,#dc2626,#f87171)}.metric-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:6px}.metric-value{font-size:1.9rem;font-weight:900;color:var(--age-dark)}.timeline-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:18px}.timeline-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed #cbd5e1}.timeline-item:last-child{border-bottom:none}.timeline-label{font-weight:700;color:#334155}.timeline-value{font-weight:800;color:var(--age-primary)}.highlight-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:18px;padding:20px;border:1px solid #bfdbfe}.birthday-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:18px;padding:18px;border:1px solid #fdba74}.countdown-number{font-size:2rem;font-weight:900;color:#ea580c}.badge-age{background:rgba(255,255,255,.2);border-radius:40px;padding:8px 18px;display:inline-block;font-weight:700}.date-input-wrapper{position:relative}.date-input-wrapper .form-control{height:58px;border-radius:16px;border:2px solid #dbeafe;background:linear-gradient(135deg,#fff,#f8fbff);padding-left:18px;padding-right:50px;font-size:1rem;font-weight:600;color:#0f172a;transition:all .25s ease;cursor:pointer}.date-input-wrapper .form-control:hover{border-color:#93c5fd;box-shadow:0 4px 14px rgba(37,99,235,.08)}.date-input-wrapper .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12);background:#fff}.date-input-wrapper::after{content:"📅";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.2rem;pointer-events:none}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;position:absolute;left:0}input[type=date]{position:relative}@media(max-width:768px){.date-input-wrapper .form-control{height:52px;font-size:.95rem}}