.app-container{background-color:#f4f4f4;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.app-header{background-color:#5e5e5e;padding:1rem 2rem;display:flex;align-items:center;color:#fff;box-shadow:0 2px 5px #0003}.app-logo{height:60px;margin-right:1.5rem;border-radius:6px;background-color:#fff;padding:4px}.app-title{font-size:1.8rem;color:#fff}.app-content{padding:2rem}.footer{text-align:center;margin-top:40px;padding:20px;font-size:16px;background-color:#999;color:#fff;border-top:1px solid #eee}.footer a{color:#f57c00;text-decoration:none;font-weight:500}.footer a:hover{text-decoration:underline}.container{max-width:720px;margin:2rem auto;background-color:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 10px #0000001a}.header{font-size:22px;font-weight:600;color:#f57c00;text-align:center;margin-bottom:32px}.input-container{display:grid;grid-template-columns:1fr;gap:24px}.input-container div{display:flex;flex-direction:column}.label{font-size:14px;font-weight:500;color:#5e5e5e;margin-bottom:8px}.input-field{padding:12px;font-size:16px;border:1px solid #ccc;border-radius:8px;background-color:#f4f4f4;color:#333;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{border-color:#f57c00;box-shadow:0 0 6px #f57c0066}.input-field.disabled{background-color:#eaeaea;color:#a0a0a0}.mode-container{margin-bottom:24px}.mode-label{font-size:14px;color:#5e5e5e;margin-bottom:12px}.mode-buttons label{display:inline-flex;align-items:center;margin-right:24px;font-size:16px;color:#333}.mode-buttons input{margin-right:8px}.mode-buttons input:checked{accent-color:#f57c00}@media (min-width: 600px){.input-container{grid-template-columns:1fr 1fr}}@keyframes fieldHighlight{0%{background-color:#ffe5c2}50%{background-color:#ffd08a}to{background-color:#f4f4f4}}.input-field.highlight{animation:fieldHighlight 1s ease-in-out}.input-with-icon,.input-wrapper{position:relative}.check-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#2e7d32;font-size:20px;animation:checkFade 1s ease-in-out forwards;pointer-events:none}@keyframes checkFade{0%{opacity:0;transform:translateY(-50%) scale(.8)}30%{opacity:1;transform:translateY(-50%) scale(1.2)}to{opacity:0;transform:translateY(-50%) scale(1)}}.toggle-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.toggle-button{padding:10px 20px;font-size:16px;font-weight:500;border-radius:8px;border:1px solid #ccc;background-color:#f4f4f4;color:#333;cursor:pointer;transition:all .2s ease}.toggle-button:hover{background-color:#e0e0e0}.toggle-button.active{background-color:#f57c00;color:#fff;border-color:#f57c00}.error-message{color:#d32f2f;font-size:14px;margin-bottom:16px;text-align:center}.sub-header{text-align:center;font-size:20px;font-weight:400;color:#5e5e5e;max-width:700px;margin:0 auto;padding:32px 16px}.section-title{font-size:26px;font-weight:600;color:#f57c00;margin-bottom:16px;margin-top:32px}.section-text{font-size:16px;line-height:1.6;margin-bottom:16px}.custom-feature-list{list-style:none;padding:0;margin:24px 0 32px;text-align:left}.custom-feature-list li{display:flex;align-items:flex-start;margin-bottom:16px;font-size:16px;line-height:1.5}.custom-feature-list .icon{color:#f57c00;font-weight:700;margin-right:12px;font-size:20px;line-height:1;padding-top:2px}.custom-feature-list .text{flex:1}.home-toggle-button.active{background-color:#f57c00;color:#fff;border:none;padding:12px 24px;font-size:18px;border-radius:8px;cursor:pointer;margin-top:16px}.home-toggle-button.active:hover{background-color:#e26e00}.subtext{font-size:16px;color:#5e5e5e;margin-top:8px;font-weight:600}.emphasis-text{margin-top:32px;font-size:18px;font-weight:500;color:#c85a00;line-height:1.4}