body{font-family:sans-serif;margin:0;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:90%;max-width:400px}header{background-color:#1a2b4c;color:#fff;padding:20px;text-align:center}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.logo img{height:40px;margin-right:10px}header h1{margin:0;font-size:1.8em}header p{margin:0;font-size:.9em;opacity:.8}.translation-section{padding:20px}.translation-section h2{font-size:1.2em;margin-top:0;margin-bottom:10px;color:#333}textarea{width:calc(100% - 20px);height:100px;padding:10px;border:1px solid #ccc;border-radius:4px;resize:none;margin-bottom:20px;font-size:1em}.language-options label{display:block;margin-bottom:10px;font-size:1em;color:#555;cursor:pointer}.language-options input[type=radio]{margin-right:8px}.flag{margin-left:5px}button{display:block;width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1.1em;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}.translated-output{margin-top:20px;padding:10px;border:1px solid #ccc;border-radius:4px;min-height:50px;background-color:#f9f9f9;word-wrap:break-word}