.age-calculator-container{max-width:500px;margin:0 auto;padding:20px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.age-calculator-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:30px;box-shadow:0 15px 35px rgb(0 0 0 / .1);color:#fff;position:relative;overflow:hidden}.age-calculator-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgb(255 255 255 / .1);transform:rotate(45deg);pointer-events:none}.age-calculator-header{text-align:center;margin-bottom:30px;position:relative;z-index:1}.age-calculator-header i{font-size:3em;margin-bottom:15px;display:block;color:#fff}.age-calculator-header h3{margin:0;font-size:1.8em;font-weight:300;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.form-group{margin-bottom:25px;position:relative;z-index:1}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:1em;color:rgb(255 255 255 / .9)}.form-group label i{margin-right:8px;width:20px;text-align:center}.form-control{width:100%;padding:15px 20px;border:none;border-radius:12px;background:rgb(255 255 255 / .9);font-size:1em;color:#333;transition:all 0.3s ease;box-sizing:border-box}.form-control:focus{outline:none;background:#fff;box-shadow:0 5px 15px rgb(0 0 0 / .2);transform:translateY(-2px)}.calculate-btn{width:100%;padding:18px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:12px;color:#fff;font-size:1.1em;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px}.calculate-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgb(255 107 107 / .4)}.calculate-btn:active{transform:translateY(-1px)}.calculate-btn i{font-size:1.2em}.age-result{margin-top:30px;background:rgb(255 255 255 / .1);border-radius:15px;padding:25px;backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);position:relative;z-index:1}.result-header{text-align:center;margin-bottom:20px}.result-header i{font-size:2.5em;margin-bottom:10px;display:block;color:gold}.result-header h4{margin:0;font-size:1.4em;font-weight:400}.result-content{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.result-item{background:rgb(255 255 255 / .15);padding:15px;border-radius:10px;text-align:center;backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .1)}.result-label{display:block;font-size:.9em;color:rgb(255 255 255 / .8);margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.result-value{display:block;font-size:1.8em;font-weight:700;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.total-days{text-align:center;padding:15px;background:rgb(255 255 255 / .2);border-radius:10px;font-size:1.1em;font-weight:600}.total-days i{margin-right:8px;color:gold}@media (max-width:768px){.age-calculator-container{padding:15px;max-width:100%}.age-calculator-card{padding:25px 20px;border-radius:15px}.age-calculator-header h3{font-size:1.5em}.age-calculator-header i{font-size:2.5em}.result-content{grid-template-columns:1fr;gap:12px}.result-value{font-size:1.6em}.form-control{padding:12px 15px}.calculate-btn{padding:16px;font-size:1em}}@media (max-width:480px){.age-calculator-card{padding:20px 15px}.age-calculator-header h3{font-size:1.3em}.result-item{padding:12px}.result-value{font-size:1.4em}}.calculate-btn.loading{opacity:.7;pointer-events:none}.calculate-btn.loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.form-control.error{border:2px solid #ff6b6b;background:rgb(255 107 107 / .1)}.error-message{color:#ff6b6b;font-size:.9em;margin-top:5px;display:none}