body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.nav-list{flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none;margin:0;padding:0}.nav-list,.nav-list li a{align-items:center;display:flex}.nav-list li a{color:#f0e7e7;flex-direction:row;font-weight:500;text-decoration:none;transition:all .3s ease}.nav-list li a.active,.nav-list li a:hover{color:#007bff}.nav-icon{font-size:1.5rem;margin-bottom:.3rem;margin-right:5px;transition:transform .3s ease}.nav-list li a:hover .nav-icon{transform:scale(1.2)}.result-block{background-color:#e6f7ff;border-left:5px solid #007bff;border-radius:8px;margin-top:2rem;padding:1rem}.result-conclusion{color:#555;font-style:italic;margin-top:1rem}.error-block{background-color:#ffe6e6;border-left:5px solid #dc3545;border-radius:8px;color:#721c24;font-family:sans-serif;margin-top:2rem;padding:1rem}.error-block p{margin:.5rem 0}.input-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0;width:100%}input{border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}input:focus{border-color:#007bff;outline:none}.button-group{width:100%}button{padding:12px 20px;transition:opacity .3s ease}button:hover{opacity:.9}.clear-button{color:#fff}.result{color:#2c3e50;font-size:18px;margin-top:1.5rem}.card{max-width:400px;padding:2rem;width:100%}.cards-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1rem}.res_percentage,h2{text-align:center}.res_percentage{background-color:#16a34a;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1rem;transition:background-color .3s ease}.search-container{align-items:center;display:flex;justify-content:center;margin:1rem auto;max-width:400px;position:relative;width:100%}.search-input{border:2px solid #ccc;border-radius:8px;font-size:16px;padding:12px 40px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#007bff;outline:none}.search-icon{left:12px}.clear-icon,.search-icon{color:#888;font-size:16px;position:absolute}.clear-icon{cursor:pointer;right:12px;transition:color .2s ease}.clear-icon:hover{color:#dc3545}.grid-container{height:500px;overflow-y:auto}@media (max-width:768px){.cards-grid{align-items:center;flex-direction:column}}.home-container{animation:fadeIn 1.5s ease-in;margin:auto;max-width:1000px;padding:3rem 1.5rem;text-align:center}.hero-section .title{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem}.hero-section .subtitle{color:#555;font-size:1.2rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border-radius:8px;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;text-decoration:none;transition:background .3s ease}.primary-btn{background-color:#007bff;color:#fff}.primary-btn:hover{background-color:#0056b3}.secondary-btn{background-color:#28a745;color:#fff}.secondary-btn:hover{background-color:#1e7e34}.features-section{margin-top:3rem;text-align:left}.features-section h2{color:#333;margin-bottom:1rem}.features-section ul{list-style:disc;padding-left:2rem}.home-footer{color:#666;font-size:.9rem;margin-top:4rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}li a{color:#021c64}.interest-page{padding:1rem;width:100%}.interest-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.interest-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;display:flex;flex:1 1 350px;flex-direction:column;justify-content:space-between;max-width:450px;min-height:300px;padding:2rem}@media (max-width:768px){.interest-cards-container{align-items:center;flex-direction:column}}.interest-card h3{margin-bottom:1rem}.interest-card input{border:1px solid #ccc;border-radius:6px;display:block;margin-bottom:1rem;padding:.6rem;width:100%}.button-group{margin-bottom:1rem}button{padding:.6rem 1rem}@media (max-width:768px){.interest-cards{align-items:center;flex-direction:column}.interest-card{width:90%}}.form-fields{flex-grow:1}.button-group{justify-content:center;margin-top:auto}.bmi-page{align-items:center;display:flex;flex-direction:column;padding:2rem;width:80%}.bmi-card{background:#f5f5f5;border-radius:10px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:2rem;width:100%}.bmi-input-group{display:flex;flex-direction:column;gap:1rem}.bmi-input-group input{border:2px solid #ccc;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s}.bmi-input-group input:focus{border-color:#007bff;outline:none}.bmi-button-group{display:flex;gap:1rem;margin-top:1rem}button{transition:background .3s}.clear-button:hover{background-color:#c82333}.bmi-result{background-color:#e6f7ff;border-left:5px solid #007bff;border-radius:8px;margin-top:2rem;padding:1rem}.bmi-conclusion{color:#555;font-style:italic;margin-top:1rem}.age-page{background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 15px #0000001a;font-family:Arial,sans-serif;margin:2rem auto;max-width:600px;padding:2rem}.age-page h2{color:#333;margin-bottom:1.5rem;text-align:center}.age-form{align-items:center;display:flex;flex-direction:column}.age-form label{color:#444;font-weight:700;margin-bottom:.5rem}.age-form input[type=date]{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:1rem;max-width:300px;padding:.5rem;width:100%}.age-form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-left:.5rem;margin-top:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.age-form button:hover{background-color:#0056b3}.button-group{justify-content:flex-start;margin-top:1.5rem}.button-group button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background-color .3s ease}.button-group button:hover{background-color:#0056b3}.button-group button:disabled{background-color:#ccc;cursor:not-allowed}.age-result{background-color:#e6ffe6;border-left:5px solid #28a745;border-radius:10px;margin-top:2rem;padding:1rem}.age-result h4{color:#333;margin:0 0 .5rem}.age-result p{color:#555;font-style:italic;margin:.3rem 0}.unit-page{padding:2rem;text-align:center}.unit-desc{color:#666;font-style:italic;margin-bottom:1.5rem;margin-top:-.5rem}.unit-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:500px;padding:2rem;text-align:left}.unit-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.unit-row label{flex:1 1;font-weight:500}.unit-row input,.unit-row select{border:1px solid #ddd;border-radius:6px;flex:2 1;padding:.5rem}.button-group{justify-content:space-between;margin-top:1rem}button{padding:.6rem 1.2rem}.gratuity-container{background:#f9fafc;border-radius:12px;box-shadow:0 0 12px #0000001a;margin:2rem auto;max-width:500px;padding:2rem}.gratuity-form input{border:1.5px solid #ccc;border-radius:8px;padding:12px;width:100%}.gratuity-form input,.toggle{font-size:16px;margin:1rem 0}.button-group{display:flex;gap:1rem}button{border-radius:8px;flex:1 1;font-size:16px;padding:12px}.clear-button{background-color:#dc3545}.gratuity-result{color:green;font-size:18px;font-weight:700;margin-top:1.5rem}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background-color:#f7f7f7;color:#222;font-family:Arial,sans-serif;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;height:100%}.app-wrapper{display:flex;flex-direction:column;min-height:100%;min-width:-webkit-fill-available}.header{background-color:#222;color:#d3d3d3;padding:1.5rem}.header,.navbar{text-align:center}.navbar{background-color:#333;padding:.75rem}.navbar a{color:#d3d3d3;font-size:1rem;margin:0 1rem;transition:color .3s}.navbar a:hover{color:#fff}.navbar a.active{border-bottom:2px solid #fff;color:#fff;font-weight:700}.footer{background-color:#222;color:#d3d3d3;font-size:.9rem;padding:1rem;text-align:center}.footer a{color:#d3d3d3;text-decoration:underline}.footer a:hover{color:#fff}.container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:30px 10px}.card{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:600px;padding:30px;text-align:center;width:90%}.card h1{color:#333;font-size:1.8rem;margin-bottom:20px}.form{display:flex;flex-direction:column;gap:12px}input,select{border:1px solid #ccc;border-radius:6px;font-size:16px;padding:10px}button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:background .3s ease}button:hover{background-color:#0056b3}.result{border-radius:6px;color:#fff;font-weight:700;margin-top:15px;padding:10px}.valid{background-color:#28a745}.invalid{background-color:#58030d}a{color:#d3d3d3;text-decoration:none}a:hover{color:#ccc;text-decoration:underline}@media (max-width:480px){.card{padding:20px}}
/*# sourceMappingURL=main.ef135853.css.map*/