:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #1a1a2e;--secondary-color: #f9f9f9;--accent-color: #0f3460;--highlight-color: #e94560;--text-color: #333333;--muted-text-color: #666666;--link-color: #007ea7;--link-hover-color: #005f7a;--footer-bg-color: #1a1a2e;--footer-text-color: #ffffff;--border-color: #dddddd;--card-bg-color: #ffffff;--card-shadow: rgba(0, 0, 0, .1);--font-family: "Roboto", sans-serif}html{height:100%}body{font-family:var(--font-family);line-height:1.6;margin:0;padding:0;color:var(--text-color);background-color:var(--secondary-color);height:100%;display:flex;flex-direction:column}#root{display:flex;flex-grow:1;flex-direction:column;min-width:100vw;min-height:100vh;justify-content:space-between}.content{flex:1}.container{width:90%;max-width:1200px;margin:0 auto}.site-header{background:var(--primary-color);color:var(--footer-text-color);padding:15px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--highlight-color)}.site-header .logo{font-size:32px;font-weight:700;letter-spacing:1px}.site-header .logo span{color:var(--highlight-color)}.main-nav ul{list-style:none;display:flex;gap:15px;margin:0;padding:0}.main-nav a{color:var(--footer-text-color);text-decoration:none;font-weight:500;font-size:16px;transition:color .3s ease,border-bottom .3s ease;border-bottom:2px solid transparent}.main-nav a:hover{color:var(--highlight-color);border-bottom:2px solid var(--highlight-color)}.main-nav a.active{color:var(--highlight-color);font-weight:700;border-bottom:2px solid var(--highlight-color)}.hero{background:var(--secondary-color);color:var(--text-color);text-align:center;padding:60px 20px;margin-bottom:30px;border:1px solid var(--border-color);box-shadow:0 4px 8px var(--card-shadow)}.hero h2{font-size:42px;margin-bottom:15px;font-weight:700}.hero p{font-size:20px;margin-bottom:20px;font-weight:300}.btn-primary{background-color:var(--highlight-color);color:#fff;padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:600;font-size:16px;transition:background-color .3s ease,transform .2s ease}.btn-primary:hover{background-color:#d72638;transform:scale(1.05)}.section{padding:20px 0;text-align:center}.card-grid,.calculator-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.card,.calculator-card,.stat-card{background-color:var(--card-bg-color);padding:20px;border-radius:10px;box-shadow:0 4px 8px var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease;text-align:center;border:1px solid var(--border-color)}.card:hover,.calculator-card:hover,.stat-card:hover{transform:translateY(-8px);box-shadow:0 8px 16px var(--card-shadow)}.card h3,.calculator-card h3,.stat-card h3{margin-top:0;color:var(--text-color);font-size:22px;font-weight:600}.calculator-card p,.stat-card p{margin:10px 0 0;color:var(--muted-text-color);font-size:14px}.site-footer{background-color:var(--footer-bg-color);color:var(--footer-text-color);text-align:center;padding:30px 0;margin-top:30px}.site-footer p{margin:0;font-size:14px;font-weight:300}.site-footer a{color:var(--link-color);text-decoration:none;font-weight:500}.site-footer a:hover{color:var(--link-hover-color)}form{padding:20px;border-radius:10px;max-width:500px;margin:0 auto}form label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}form input{width:100%;padding-top:10px;padding-bottom:10px;margin-bottom:15px;border:1px solid var(--border-color);border-radius:5px;font-size:16px;color:var(--text-color);background-color:var(--secondary-color)}form input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 5px var(--highlight-color)}form button{background-color:var(--highlight-color);color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease}form button:hover{background-color:#d72638;transform:scale(1.05)}table{width:100%;border-collapse:collapse;margin-top:20px}table th,table td{border:1px solid var(--border-color);padding:10px;text-align:center;font-size:14px}table th{background-color:var(--primary-color);color:var(--footer-text-color);font-weight:600}table tr:nth-child(2n){background-color:var(--secondary-color)}table tr:hover{background-color:var(--highlight-color);color:#fff}.calculator-container{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:start}@media (max-width: 768px){.calculator-container{grid-template-columns:1fr}}.form-container{background-color:var(--card-bg-color);padding:20px;border-radius:10px;box-shadow:0 4px 8px var(--card-shadow);border:1px solid var(--border-color)}.results-container{background-color:var(--card-bg-color);padding:20px;border-radius:10px;box-shadow:0 4px 8px var(--card-shadow);border:1px solid var(--border-color);overflow-x:auto}
