body,html{max-width:100%;overflow-x:hidden}body,html{width:100%;margin:0;padding:0}body{font-family:Arial,sans-serif;background-image:url(/background4.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;color:#fff}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px;width:100%}.title{font-size:2rem;color:#f7c948;margin-bottom:20px}.calculator-container{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);width:100%;max-width:600px;color:#003c71;margin:0 auto;box-sizing:border-box}.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:15px}.row input,.row select{margin:5px;padding:10px;font-size:.9rem;border:1px solid #ccc;border-radius:5px;flex:1;min-width:0}.row button{padding:10px 15px;background-color:#003c71;color:#fff;border:none;border-radius:5px;cursor:pointer;margin:5px;box-shadow:0 3px 6px rgba(0,0,0,.16)}.row button:hover{background-color:#002b51}.reset-button{background-color:#f7c948;color:#003c71}.reset-button:hover{background-color:#d6aa30}.result{margin-top:15px;font-size:1.1rem;color:#003c71}.footer,.result{text-align:center}.footer{background-color:rgba(0,60,113,.8);color:#fff;padding:20px;margin-top:40px}@media (max-width:600px){.app-container{padding:10px}.calculator-container{padding:10px;width:100%;max-width:100%;font-size:.85rem}.row{flex-direction:column;align-items:stretch}.row button,.row input,.row select{width:100%;margin:5px 0}.calculator-container button,.calculator-container input,.calculator-container select{font-size:.85rem;padding:6px}.title{font-size:1.5rem}.result{font-size:1rem}.time-fields{display:flex;flex-direction:row;gap:1rem;width:100%}.time-fields input{flex:1;min-width:0}}