@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.age-calculator-container{font-family:'Inter',sans-serif;background-color:#f0f2f5;padding:2.5rem;border-radius:1.5rem;box-shadow:0 10px 25px rgb(0 0 0 / .1);max-width:48rem;margin:2rem auto;border:1px solid #e0e0e0;transition:all 0.3s ease-in-out;box-sizing:border-box}.age-calculator-container:hover{box-shadow:0 15px 35px rgb(0 0 0 / .15);transform:translateY(-.25rem)}.age-calculator-container .age-calculator-header{font-size:2.5rem;font-weight:700;color:#333;text-align:center;margin-bottom:2.5rem;position:relative;padding-bottom:.75rem}.age-calculator-container .age-calculator-header::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:5rem;height:.3rem;background-color:#f97316;border-radius:.125rem}.age-calculator-container .date-section{background-color:#fff;padding:1.5rem;border-radius:1rem;margin-bottom:1.5rem;box-shadow:0 4px 10px rgb(0 0 0 / .05);border:1px solid #e5e7eb}.age-calculator-container .date-section-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1rem;border-bottom:2px solid #f97316;padding-bottom:.5rem;display:inline-block}.age-calculator-container .form-group{margin-bottom:1.75rem}.age-calculator-container .form-label{display:block;font-size:1.125rem;font-weight:500;color:#555;margin-bottom:.6rem}.age-calculator-container .form-select{width:100%;padding:.85rem 1.1rem;border:1px solid #ccc;border-radius:.75rem;font-size:1rem;color:#444;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;transition:border-color 0.3s ease,box-shadow 0.3s ease}.age-calculator-container .form-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 4px rgb(249 115 22 / .25)}.age-calculator-container .calculate-button{width:100%;padding:1.1rem 1.75rem;background:linear-gradient(to right,#f97316,#fb923c);color:#fff;font-size:1.35rem;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 6px 18px rgb(249 115 22 / .35)}.age-calculator-container .calculate-button:hover{background:linear-gradient(to right,#fb923c,#f97316);box-shadow:0 10px 25px rgb(249 115 22 / .5);transform:translateY(-.15rem)}.age-calculator-container .result-section{margin-top:2.5rem;background-color:#fff;border-radius:1.5rem;padding:2.25rem;box-shadow:0 5px 15px rgb(0 0 0 / .08);border:1px solid #e0e0e0}.age-calculator-container .result-title{font-size:1.85rem;font-weight:600;color:#333;margin-bottom:1.75rem;text-align:center}.age-calculator-container .result-item{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;border-bottom:1px dashed #eee}.age-calculator-container .result-item:last-child{border-bottom:none}.age-calculator-container .result-label{font-size:1.05rem;font-weight:500;color:#666}.age-calculator-container .result-value{font-size:1.25rem;font-weight:600;color:#f97316}.age-calculator-container .copy-button{background-color:#f0f2f5;color:#f97316;border:1px solid #f97316;padding:.6rem .85rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.age-calculator-container .copy-button:hover{background-color:#f97316;color:#fff;box-shadow:0 3px 10px rgb(249 115 22 / .3)}.age-calculator-container .copy-button svg{margin-right:.3rem}.age-calculator-container .hidden{display:none!important}@media (max-width:640px){.age-calculator-container{padding:1.5rem;margin:1rem auto;max-width:95%}.age-calculator-container .age-calculator-header{font-size:1.75rem;margin-bottom:1.5rem}.age-calculator-container .form-select,.age-calculator-container .calculate-button{padding:.75rem 1rem;font-size:1rem}.age-calculator-container .result-section{padding:1.5rem}.age-calculator-container .result-title{font-size:1.5rem;margin-bottom:1rem}.age-calculator-container .result-item{flex-direction:column;align-items:flex-start;padding:.75rem 0}.age-calculator-container .result-label{margin-bottom:.25rem}.age-calculator-container .copy-button{margin-top:.5rem;align-self:flex-end}}@media (min-width:1024px){.age-calculator-container{max-width:60rem;padding:3rem}.age-calculator-container .age-calculator-header{font-size:3rem}.age-calculator-container .form-label{font-size:1.25rem}.age-calculator-container .form-select{font-size:1.1rem}.age-calculator-container .calculate-button{font-size:1.5rem}.age-calculator-container .result-title{font-size:2.25rem}.age-calculator-container .result-label,.age-calculator-container .result-value{font-size:1.15rem}}