.css-age-calculator-container{font-family:"Poppins",sans-serif;color:var(--dark-color);line-height:1.6;max-width:800px;margin:0 auto;padding:20px 0}.css-age-calculator-container .logo-container{text-align:center;margin-bottom:20px}.css-age-calculator-container .calculatenow-logo{max-width:200px;height:auto}.css-age-calculator-container *{box-sizing:border-box}.css-age-calculator-container .banner{background:var(--secondary-color);color:white;padding:20px;border-radius:var(--border-radius);text-align:center;margin-bottom:25px;box-shadow:var(--box-shadow);border-top:4px solid var(--primary-color)}.css-age-calculator-container .banner h1{font-size:1.8rem;margin-bottom:10px;color:white}.css-age-calculator-container .banner p{opacity:.9;margin:0}.css-age-calculator-container .banner i{font-size:2rem;margin-bottom:10px}.css-age-calculator-container .calculator-card,.css-age-calculator-container .result-card,.css-age-calculator-container .info-card{background-color:white;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:25px;margin-bottom:25px;transition:var(--transition)}.css-age-calculator-container .calculator-card:hover,.css-age-calculator-container .result-card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1)}.css-age-calculator-container .form-group{margin-bottom:20px}.css-age-calculator-container label{display:block;margin-bottom:8px;font-weight:500}.css-age-calculator-container .required{color:var(--danger-color)}.css-age-calculator-container input,.css-age-calculator-container select{width:100%;padding:12px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.css-age-calculator-container input:focus,.css-age-calculator-container select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(255,102,0,.2)}.css-age-calculator-container .hint{display:block;margin-top:5px;color:var(--gray-color);font-size:.85rem}.css-age-calculator-container .calculate-btn{background:var(--primary-color);color:white;border:none;padding:12px 20px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:500;display:block;width:100%;transition:var(--transition)}.css-age-calculator-container .calculate-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.css-age-calculator-container .calculate-btn i{margin-right:8px}.css-age-calculator-container .result-card{display:none}.css-age-calculator-container .result-card.active{display:block;animation:fadeIn .5s ease}.css-age-calculator-container .result-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.css-age-calculator-container .result-header h2{color:var(--primary-color);margin:0}.css-age-calculator-container .result-item{display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #eee}.css-age-calculator-container .result-label{font-weight:500}.css-age-calculator-container .result-value{font-weight:600}.css-age-calculator-container .eligibility-status{text-align:center;padding:15px;margin:20px 0;border-radius:var(--border-radius);font-size:1.2rem;font-weight:600}.css-age-calculator-container .eligibility-status.eligible{background-color:rgba(40,167,69,.1);color:var(--success-color);border:1px solid rgba(40,167,69,.2)}.css-age-calculator-container .eligibility-status.not-eligible{background-color:rgba(220,53,69,.1);color:var(--danger-color);border:1px solid rgba(220,53,69,.2)}.css-age-calculator-container .eligibility-message{text-align:center;font-size:.95rem;color:var(--gray-color)}.css-age-calculator-container .info-card{background-color:rgba(255,255,255,.8)}.css-age-calculator-container .info-card h3{color:var(--primary-color);margin-bottom:15px}.css-age-calculator-container .info-card ul{padding-left:20px;margin:0}.css-age-calculator-container .info-card li{margin-bottom:8px}.css-age-calculator-container footer{text-align:center;padding:20px 0;color:var(--gray-color);font-size:.9rem}.css-age-calculator-container footer a{color:var(--primary-color);text-decoration:none}.css-age-calculator-container footer a:hover{text-decoration:underline}@media (max-width:768px){.css-age-calculator-container{padding:10px}.css-age-calculator-container .banner h1{font-size:1.5rem}.css-age-calculator-container .calculator-card,.css-age-calculator-container .result-card,.css-age-calculator-container .info-card{padding:20px}.css-age-calculator-container .result-item{flex-direction:column}.css-age-calculator-container .result-value{margin-top:5px}}@media (max-width:480px){.css-age-calculator-container{padding:10px}.css-age-calculator-container .banner{padding:15px}.css-age-calculator-container .banner h1{font-size:1.3rem}.css-age-calculator-container .calculate-btn{padding:10px 15px}}