.age-calculator{max-width:800px;margin:2rem auto;padding:2rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);font-family:Segoe UI,sans-serif}.age-calculator h1{text-align:center;color:#2c3e50;margin-bottom:2rem;font-weight:600}.age-calculator .input-section .date-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.age-calculator .input-section .date-inputs input{padding:1rem;border:2px solid #eee;border-radius:10px;font-size:1.1rem;text-align:center;transition:all .3s ease}.age-calculator .input-section .date-inputs input:focus{border-color:#3498db;outline:none;box-shadow:0 0 10px rgba(52,152,219,.2)}.age-calculator .input-section button{width:100%;padding:1rem;background:#3498db;color:#fff;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;transition:transform .2s ease}.age-calculator .input-section button:hover{transform:translateY(-2px);background:rgb(36.9790794979,139.6987447699,208.5209205021)}.age-calculator .input-section .error{color:#e74c3c;text-align:center;margin-top:1rem}.age-calculator .results-section{margin-top:2rem;padding:2rem;background:hsla(0,0%,100%,.9);border-radius:15px;box-shadow:0 4px 16px rgba(0,0,0,.05)}.age-calculator .results-section .age-result.birthday{background:linear-gradient(45deg,#ff6b6b,#ff8e53);color:#fff;padding:1rem;border-radius:15px}.age-calculator .results-section .age-result .time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.age-calculator .results-section .age-result .time-grid .time-unit{text-align:center;padding:1.5rem;background:rgba(52,152,219,.1);border-radius:10px}.age-calculator .results-section .age-result .time-grid .time-unit .number{display:block;font-size:2.5rem;font-weight:700;color:#2c3e50}.age-calculator .results-section .age-result .time-grid .time-unit .label{color:hsl(210,29.0322580645%,54.3137254902%);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.age-calculator .results-section .countdown{margin-top:2rem;text-align:center}.age-calculator .results-section .countdown h3{color:#2c3e50;margin-bottom:1rem}.age-calculator .results-section .countdown .countdown-timer{font-size:1.5rem;font-weight:600;color:#e74c3c;padding:1rem;background:rgba(231,76,60,.1);border-radius:10px;display:inline-flex;align-items:center;gap:.5rem}.age-calculator .results-section .countdown .countdown-timer .icon{font-size:1.8rem}.age-calculator .results-section .detailed-time{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.age-calculator .results-section .detailed-time .time-chip{padding:.5rem 1.5rem;background:rgba(44,62,80,.1);border-radius:20px;color:#2c3e50;font-weight:500}@media(max-width:768px){.age-calculator{margin:1rem;padding:1rem}.age-calculator .input-section .date-inputs,.age-calculator .results-section .time-grid{grid-template-columns:1fr}.age-calculator .results-section .detailed-time{flex-direction:column;align-items:center}}