*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#0d1117;color:#c9d1d9;line-height:1.6}header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:.5rem 2rem;text-align:left}h1{margin:0;color:#a9b8c2}main{padding:1rem 2rem;margin-bottom:5rem}#results{background:transparent;padding:0;box-shadow:none}#static-boxes{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;align-items:flex-start}.box{flex:0 1 auto;min-width:280px;max-width:400px;border-radius:8px;padding:1rem;background-color:#0d1117;box-shadow:0 0 10px #0000004d;flex-direction:column;justify-content:space-between}.box h3{margin-bottom:.5rem;color:#c9d1d9}.box p{color:#8b949e}.dynamic-data{margin-top:1rem}.dynamic-data img{display:block;max-width:100%;height:auto;margin:0 auto}.result-item{border-top:1px solid #2f363d;padding-top:.5rem;margin-top:.5rem}.light-blue{border:2px dashed #58a6ff}.dark-orange{border:2px dashed #d18616;border-radius:8px;background-color:#0d1117;padding:1rem;margin-bottom:1.5rem;box-shadow:0 0 10px #0000004d}footer{background-color:#161b22;color:#a9b8c2;text-align:center;padding:.5rem;position:fixed;bottom:0;width:100%}.modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3;justify-content:center;align-items:center}.modal-content{background-color:#1f2937;margin:15% auto;padding:20px;border-radius:8px;width:80%;max-width:600px;color:#c9d1d9;text-align:center;box-shadow:0 4px 20px #00000080}.disclaimer-modal{text-align:left;max-width:700px}.disclaimer-modal h2{color:#c9d1d9;margin-bottom:1rem;text-align:center;font-size:1.5rem}.disclaimer-text{margin-bottom:1.5rem;line-height:1.6}.disclaimer-text p{margin-bottom:1rem;color:#8b949e}.disclaimer-checkbox{margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.5rem}.disclaimer-checkbox label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;color:#c9d1d9;font-size:.9rem;line-height:1.4}.disclaimer-checkbox input[type=checkbox]{margin:0;margin-top:.1rem;width:16px;height:16px;accent-color:#2ea043}.acknowledge-btn:disabled{background-color:#484f58;cursor:not-allowed;opacity:.6}.acknowledge-btn{margin-top:1rem;padding:.5rem 1.5rem;background-color:#2ea043;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.acknowledge-btn:hover{background-color:#238636}.logo{height:10rem;width:auto}.nav-tabs{display:flex;justify-content:center;gap:0;background-color:#161b22;border-bottom:1px solid #30363d;margin-bottom:1rem}.nav-tab{background-color:transparent;color:#8b949e;border:none;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.nav-tab:hover{background-color:#21262d;color:#c9d1d9}.nav-tab.active{color:#58a6ff;border-bottom-color:#58a6ff;background-color:#21262d}.about-page{max-width:800px;margin:0 auto;padding:0 1rem}.about-content h1{color:#c9d1d9;margin-bottom:2rem;text-align:center;font-size:2rem}.about-section{margin-bottom:2rem;padding:1.5rem;background-color:#161b22;border-radius:8px;box-shadow:0 0 10px #0000004d}.about-section h2{color:#58a6ff;margin-bottom:1rem;font-size:1.5rem}.about-section h3{color:#c9d1d9;margin-bottom:.5rem;font-size:1.2rem}.about-section p{color:#8b949e;line-height:1.6;margin-bottom:1rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.tech-item{padding:1rem;background-color:#0d1117;border-radius:6px;border:1px solid #30363d}.how-it-works{color:#8b949e;line-height:1.6;padding-left:1.5rem}.how-it-works li{margin-bottom:1rem}.how-it-works strong{color:#c9d1d9}.disclaimer-box{background-color:#0d1117;border:1px solid #d18616;border-radius:6px;padding:1rem;margin-top:1rem}.disclaimer-box p{margin-bottom:.5rem}.disclaimer-box strong{color:#d18616}#user-input-section,.user-input-section{background-color:#161b22;border-radius:8px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 0 10px #0000004d}.user-input-section{margin:.25rem auto 1rem;width:95%;max-width:800px}#user-input-section h2{color:#c9d1d9;margin-bottom:.5rem}.user-inputs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.user-inputs input,.user-inputs button{padding:.5rem;border-radius:5px;font-size:1rem;height:2.5rem;box-sizing:border-box;line-height:1.2}.user-inputs input{flex:2;min-width:300px;background-color:#0d1117;color:#c9d1d9;border:1px solid #30363d}.user-inputs button{flex:1;min-width:150px}.user-inputs button{background-color:#2ea043;color:#fff;cursor:pointer;border:1px solid #2ea043}.user-inputs button:hover{background-color:#238636}.user-input-section select{background:#23272f;color:#f1f1f1;border:1px solid #444a55;border-radius:6px;font-size:1rem;padding:.5rem 2em .5rem 1rem;outline:none;transition:border-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;min-width:90px;box-shadow:0 1px 2px #00000014;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23aaa' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;min-height:2.5em;line-height:1.2}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){header{padding:.5rem 1rem;flex-direction:column;gap:.5rem}.nav-tabs{margin-bottom:.5rem}.nav-tab{padding:.75rem 1rem;font-size:.9rem}.about-page{padding:0 .5rem}.about-content h1{font-size:1.5rem;margin-bottom:1.5rem}.about-section{padding:1rem;margin-bottom:1.5rem}.about-section h2{font-size:1.25rem}.tech-grid{grid-template-columns:1fr;gap:.75rem}.logo{height:6rem}h1{font-size:1.5rem}main{padding:1rem;margin-bottom:4rem}#user-input-section,.user-input-section{width:100%;margin:.5rem 0;padding:.75rem}.user-inputs{flex-direction:column;gap:.75rem}.user-inputs input,.user-inputs button{flex:none;width:100%;min-width:unset;height:3rem;font-size:1rem}.user-inputs>div{width:100%;display:flex;flex-direction:column;gap:.5rem}.user-inputs>div:first-child{width:100%}.user-inputs>div:nth-child(2){width:100%}.user-inputs>div:first-child{position:relative;width:100%}.user-inputs>div:first-child span{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:1;color:#8b949e}.user-inputs>div:first-child input{padding-left:1.5rem;width:100%;min-width:100%;flex:1}.user-inputs>div:nth-child(2){display:flex;flex-direction:row;gap:.5rem}.user-inputs>div:nth-child(2) input{flex:1;min-width:0}.user-inputs>div:nth-child(2) select{flex:1;min-width:0;height:3rem}#static-boxes{flex-direction:column;gap:1rem}.box{flex:none;min-width:unset;max-width:100%;width:100%}.modal-content{width:95%;margin:5% auto;padding:1rem}.disclaimer-modal{max-width:100%}.disclaimer-modal h2{font-size:1.25rem}.disclaimer-text p{font-size:.9rem}.disclaimer-checkbox label{font-size:.85rem}footer{padding:.75rem;font-size:.9rem}}@media (max-width: 480px){header{padding:.5rem}.logo{height:5rem}h1{font-size:1.25rem}main{padding:.75rem}#user-input-section,.user-input-section{padding:.5rem}.user-inputs input,.user-inputs button{height:2.75rem;font-size:.9rem}.modal-content{width:98%;margin:2% auto;padding:.75rem}}