:root{--primary-color:#1abc9c;--primary-dark:#16a085;--secondary-color:#34495e;--bg-color:#f4f7f6;--card-bg:#ffffff;--text-color:#2c3e50;--text-light:#596a7b;--border-color:#e0e6ed;--shadow:0 4px 15px rgba(0,0,0,0.06);--shadow-hover:0 8px 20px rgba(0,0,0,0.08);--border-radius:10px;}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}body{font-family:'Nunito',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:65px;}h1,h2,h3,h4,h5,h6,.calculate-btn,.card-title{font-family:'Poppins',sans-serif;font-weight:600;}.container{max-width:900px;margin:0 auto;padding:clamp(1rem,5vw,2rem);}header{text-align:center;margin-bottom:2rem;}header h1{color:#002d24;font-size:clamp(2rem,7vw,2.5rem);margin-bottom:0.25rem;}header .subtitle{font-size:clamp(1.1rem,3vw,1.15rem);color:var(--text-light);}.form-container{background-color:var(--card-bg);padding:clamp(1.5rem,5vw,2rem);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);margin-bottom:2rem;}.form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem;}.form-group label{display:block;font-weight:600;margin-bottom:0.5rem;color:var(--secondary-color);}.form-group label i{margin-right:0.5rem;color:var(--primary-color);}.form-group input,.form-group select{width:100%;padding:0.85rem;border:1px solid var(--border-color);border-radius:5px;font-size:1rem;font-family:'Nunito',sans-serif;-webkit-transition:border-color 0.2s ease,-webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease,-webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease,box-shadow 0.2s ease;transition:border-color 0.2s ease,box-shadow 0.2s ease,-webkit-box-shadow 0.2s ease;}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);-webkit-box-shadow:0 0 0 3px rgba(26,188,156,0.2);box-shadow:0 0 0 3px rgba(26,188,156,0.2);}.calculate-btn{width:100%;padding:0.95rem;font-size:1.15rem;color:#fff;background-image:linear-gradient(to right,var(--primary-dark),var(--primary-color));background-size:200%;border:none;border-radius:5px;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.calculate-btn:hover{background-position:right;-webkit-box-shadow:0 4px 10px rgba(26,188,156,0.3);box-shadow:0 4px 10px rgba(26,188,156,0.3);}.calculate-btn:active{-webkit-transform:scale(0.98);transform:scale(0.98);}.calculate-btn:disabled{background-image:none;background-color:var(--secondary-color);opacity:0.7;cursor:wait;}.calculate-btn i{margin-right:0.5rem;}.error-message{color:#e74c3c;font-weight:600;margin-top:1rem;text-align:center;background-color:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.2);padding:0.75rem;border-radius:5px;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}.error-message.show{display:block;opacity:1;}.celebration{background-color:#fffbe6;border:1px solid #ffe58f;border-radius:var(--border-radius);padding:1.5rem;text-align:center;margin-bottom:2rem;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}.celebration.show{display:block;opacity:1;}.celebration h2{color:#f39c12;}.results{display:none;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.4s ease,-webkit-transform 0.4s ease;transition:opacity 0.4s ease,-webkit-transform 0.4s ease;transition:opacity 0.4s ease,transform 0.4s ease;transition:opacity 0.4s ease,transform 0.4s ease,-webkit-transform 0.4s ease;}.results.show{display:block;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}.section-title{text-align:center;margin-bottom:1.5rem;font-size:1.85rem;color:var(--secondary-color);}.result-card,.result-card-hero{background-color:var(--card-bg);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);padding:1.5rem;-webkit-transition:top 0.2s ease,-webkit-box-shadow 0.2s ease;transition:top 0.2s ease,-webkit-box-shadow 0.2s ease;transition:transform 0.2s ease,box-shadow 0.2s ease;transition:transform 0.2s ease,box-shadow 0.2s ease,-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;}@media (hover: hover){.result-card:hover,.result-card-hero:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:var(--shadow-hover);box-shadow:var(--shadow-hover);}}.result-card-hero{background-image:linear-gradient(to top right,var(--secondary-color),var(--text-color));color:#fff;margin-bottom:1.5rem;}.result-card-hero .card-header{border-bottom-color:rgba(255,255,255,0.2);}.result-card-hero .card-icon{background-color:var(--primary-color);color:#fff;}.result-card-hero .card-title{color:#fff;}.result-card-hero .age-display{font-size:clamp(2rem,8vw,2.5rem);font-weight:700;color:#fff;text-align:center;margin:1rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1.5rem;}.result-card-hero .age-display span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.2;padding:0 0.5rem;}.result-card-hero .age-display small{display:inline-block;font-size:clamp(1rem,4vw,1.25rem);font-weight:400;color:rgba(255,255,255,0.7);margin:0;margin-top:0.25rem;}.result-card-hero .age-details{font-size:1rem;color:rgba(255,255,255,0.8);display:grid;grid-template-columns:1fr;gap:0.75rem;text-align:center;}.result-card-hero .age-details strong{color:#fff;}.results-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;}.card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;}.card-icon{-ms-flex-negative:0;flex-shrink:0;width:45px;height:45px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:1.25rem;margin-right:1rem;}.card-title{font-size:1.4rem;color:var(--text-color);}.resource-grid{display:grid;grid-template-columns:1fr;gap:0.75rem;}.resource-item{background-color:var(--bg-color);padding:0.75rem 1rem;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid var(--border-color);}.resource-item span:first-child{font-weight:600;color:var(--text-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.resource-item span i{color:var(--primary-color);margin-right:0.75rem;width:20px;text-align:center;}.resource-item strong{color:var(--secondary-color);}.share-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.75rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.share-btn{display:grid;place-items:center;width:45px;height:45px;background-color:var(--bg-color);color:var(--secondary-color);border:1px solid var(--border-color);border-radius:50%;text-decoration:none;font-size:1.2rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer;}.share-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);}.copy-tooltip{position:relative;display:inline-block;}.copy-tooltip .copy-tooltip-text{visibility:hidden;width:140px;background-color:var(--secondary-color);color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-70px;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}.copy-tooltip .copy-tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--secondary-color) transparent transparent transparent;}.copy-tooltip:hover .copy-tooltip-text{visibility:visible;opacity:1;}.links-section{margin:3rem 0;text-align:center;}.links-section h2{color:var(--secondary-color);}.links-grid{display:grid;grid-template-columns:1fr;gap:0.75rem;margin-top:1.5rem;}.links-grid a{background-color:var(--card-bg);padding:0.75rem;text-decoration:none;color:#006e58;font-weight:600;font-family:'Poppins',sans-serif;border-radius:5px;border:1px solid var(--border-color);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}.links-grid a:hover{background-color:var(--primary-color);color:#fff;-webkit-box-shadow:0 4px 8px rgba(26,188,156,0.2);box-shadow:0 4px 8px rgba(26,188,156,0.2);-webkit-transform:translateY(-2px);transform:translateY(-2px);}.links-grid a:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(26,188,156,0.4);box-shadow:0 0 0 3px rgba(26,188,156,0.4);}.article-section{background-color:#fff;padding:clamp(1.5rem,5vw,2rem);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);margin-bottom:2rem;}.article-section article{max-width:65ch;margin:0 auto;}.article-section h1,.article-section h2{color:var(--secondary-color);margin-top:1.5rem;margin-bottom:1rem;}.article-section p,.article-section li{color:var(--text-light);margin-bottom:1rem;}.article-section ul{padding-left:2rem;}footer{text-align:center;font-size:0.85rem;color:var(--secondary-color);border-top:1px solid var(--border-color);padding-top:1.5rem;margin-top:2rem;}.footer-nav{margin-bottom:1.5rem;}.footer-nav ul{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem 1.5rem;}.footer-nav a{text-decoration:none;color:var(--text-light);font-weight:600;-webkit-transition:color 0.2s ease;transition:color 0.2s ease;}.footer-nav a:hover{color:var(--primary-color);text-decoration:underline;}.toast{visibility:hidden;min-width:250px;background-color:var(--secondary-color);color:#fff;text-align:center;border-radius:5px;padding:1rem;position:fixed;z-index:10;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:30px;font-size:1rem;opacity:0;-webkit-transition:opacity 0.3s,visibility 0.3s,bottom 0.3s;transition:opacity 0.3s,visibility 0.3s,bottom 0.3s;}.toast.show{visibility:visible;opacity:1;}.site-nav{background-color:var(--card-bg);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);padding:0.75rem 0;position:fixed;top:0;left:0;width:100%;z-index:100;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.nav-container{max-width:900px;margin:0 auto;padding:0 clamp(1rem,5vw,2rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.nav-logo{padding:0.5rem 0;text-decoration:none;color:var(--text-color);font-family:'Poppins',sans-serif;font-weight:700;font-size:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}.nav-logo .fa-house{color:var(--primary-color);}.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}.nav-toggle:hover{color:var(--primary-color);}.site-nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none;padding:0;margin:0;}.site-nav-list li a{display:block;padding:0.75rem 1rem;text-decoration:none;color:var(--text-light);font-family:'Poppins',sans-serif;font-weight:600;border-radius:5px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.site-nav-list li a:hover,.site-nav-list li a.active{color:var(--primary-color);background-color:var(--bg-color);}.site-nav-list li.has-dropdown{position:relative;}.dropdown-toggle .dropdown-icon{font-size:0.75rem;margin-left:0.25rem;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;}.sub-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--card-bg);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);border-radius:5px;padding:0.5rem 0;margin-top:5px;min-width:180px;list-style:none;z-index:110;opacity:0;visibility:hidden;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.3s ease,-webkit-transform 0.3s ease,visibility 0.3s;transition:opacity 0.3s ease,-webkit-transform 0.3s ease,visibility 0.3s;transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s,-webkit-transform 0.3s ease;}.sub-menu li{width:100%;}.sub-menu li a{padding:0.6rem 1.25rem;color:var(--text-light);font-weight:600;white-space:nowrap;}.sub-menu li a:hover{color:var(--primary-color);background-color:var(--bg-color);}@media (hover: hover){.site-nav-list li.has-dropdown:hover > .sub-menu,.site-nav-list li.has-dropdown:focus-within > .sub-menu{display:block;opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);}}@media (max-width: 768px){.nav-toggle{display:block;}.nav-container{-ms-flex-wrap:wrap;flex-wrap:wrap;}.site-nav-list{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin-top:0.75rem;background-color:var(--card-bg);border-top:1px solid var(--border-color);max-height:calc(100vh - 65px);overflow-y:auto;-webkit-overflow-scrolling:touch;}.site-nav.nav-open .site-nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;}.site-nav-list li{width:100%;}.site-nav-list li a{padding:1rem;text-align:center;border-bottom:1px solid var(--border-color);}.site-nav-list li:last-child a{border-bottom:none;}.site-nav-list li.has-dropdown{-ms-flex-wrap:wrap;flex-wrap:wrap;}.dropdown-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}.dropdown-toggle .dropdown-icon{margin-left:0.5rem;}.site-nav-list li.submenu-open > .dropdown-toggle .dropdown-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);}.sub-menu{display:none;width:100%;background-color:var(--bg-color);-webkit-box-shadow:none;box-shadow:none;border-radius:0;padding:0;margin-top:0;border-top:1px solid var(--border-color);opacity:1;visibility:visible;-webkit-transform:none;transform:none;}.site-nav-list li.submenu-open > .sub-menu{display:block;}.sub-menu li a{padding:1rem 1.5rem;text-align:center;color:var(--text-light);border-bottom:1px solid var(--border-color);}.sub-menu li:last-child a{border-bottom:none;}.sub-menu li a:hover{color:var(--primary-color);background-color:var(--card-bg);}}@media (min-width: 600px){.form-grid{grid-template-columns:1fr 1fr;}.form-group:nth-child(3){grid-column:1 / -1;}.resource-grid{grid-template-columns:1fr 1fr;}.links-grid{grid-template-columns:repeat(3,1fr);}.result-card-hero .age-details{grid-template-columns:repeat(2,1fr);}}@media (min-width: 900px){.form-grid{grid-template-columns:1fr 1fr 1fr;}.form-group:nth-child(3){grid-column:auto;}.results-grid{grid-template-columns:1fr 1fr;}.links-grid{grid-template-columns:repeat(5,1fr);}.result-card-hero .age-details{grid-template-columns:repeat(3,1fr);}}