.number-to-words-container{max-width:800px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.number-to-words-container h1{text-align:center;color:#3498db;margin-bottom:2rem}.converter-box{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:2rem;margin-bottom:2rem}.input-group{display:flex;margin-bottom:1rem}.input-group input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:1rem;transition:border-color .3s}.input-group input:focus{outline:none;border-color:#3498db}.input-group button{padding:.75rem 1.5rem;background-color:#3498db;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:1rem;transition:background-color .3s}.input-group button:hover{background-color:rgb(33.1380753138,125.1882845188,186.8619246862)}.input-group button:active{transform:scale(.98)}.error-message{color:#e74c3c;margin:.5rem 0;font-weight:700}.result-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #ddd}.result-container h3{margin-bottom:.5rem;color:#3498db}.result-box{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem;background-color:#f5f5f5;border-radius:4px}.result-box .number{font-weight:700}.result-box .separator{color:#777}.result-box .words{font-style:italic;color:#2ecc71}.examples{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1.5rem}.examples h3{color:#3498db;margin-bottom:1rem}.examples ul{list-style-type:none;padding:0}.examples ul li{padding:.5rem 0;border-bottom:1px solid #ddd}.examples ul li:last-child{border-bottom:none}@media(max-width:600px){.number-to-words-container{padding:1rem}.input-group{flex-direction:column}.input-group input{border-radius:4px;margin-bottom:.5rem}.input-group button{border-radius:4px;width:100%}}