*{box-sizing:border-box}body{color:#fff;background:#071b2b;margin:0;font-family:Arial,sans-serif}#root{min-height:100vh}body{background:#071a3a;margin:0;font-family:Arial,Helvetica,sans-serif}#root{justify-content:center;min-height:100vh;display:flex}.app-container{width:100%;max-width:430px}.header{background:#071a3a;border-radius:0 0 30px 30px;justify-content:center;padding:25px 20px 10px;display:flex}.logo-area{justify-content:center;align-items:center;display:flex}.logo-image{object-fit:contain;width:430px;height:auto}.translator-form{box-sizing:border-box;background:#b4b4b4;border:2px solid #0e4385;border-radius:20px;width:100%;margin-top:10px;padding:30px 25px;box-shadow:0 8px 25px #00000014}.translator-form h2{text-align:center;color:#222;margin-bottom:20px;font-size:24px}.translator-form h3{color:#333;margin:25px 0 15px;font-size:18px}.translator-form textarea{box-sizing:border-box;resize:none;border:1px solid #dcdcdc;border-radius:12px;outline:none;width:100%;height:120px;padding:15px;font-size:16px}.translator-form textarea:focus{border-color:#4f46e5}.languages{flex-direction:column;gap:12px;display:flex}.languages label{color:#333;align-items:center;gap:8px;font-size:16px;display:flex}.languages input{margin-right:10px}.translator-form button,.result-container button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;width:100%;margin-top:25px;padding:14px;font-size:17px;font-weight:700}button:hover{opacity:.9}button:disabled{opacity:.7}.spinner{border:3px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-container{box-sizing:border-box;background:#fff;border:2px solid #0e4385;border-radius:20px;width:100%;margin-top:25px;padding:30px 25px;box-shadow:0 12px 30px #00000014}.original-card,.translation-card{color:#374151;background:#f9fafb;border:2px solid #0e4385;border-radius:16px;min-height:80px;margin-bottom:22px;padding:18px;line-height:1.6}.translation-card{background:#eef8ff;border-left:5px solid #4f46e5}.result-container button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:17px;font-weight:600;transition:all .3s}.result-container button:hover{background:#4338ca}.translator-form h3,.result-container h2{color:#0356d3;font-size:18px;font-weight:700}.translator-form button,.result-container button{color:#fff;cursor:pointer;background:#0356d3;border:none;border-radius:14px;width:100%;padding:16px;font-size:18px;font-weight:700;transition:all .3s}.translator-form button:hover,.result-container button:hover{background:#0248b3}.icons,.languages img{object-fit:cover;vertical-align:middle;width:25px;height:20px;margin-right:10px}.flag{width:28px;height:18px;margin-right:10px;display:inline-block}.france{background:linear-gradient(90deg,#0055a4 33%,#fff 33% 66%,#ef4135 66%)}.spain{background:linear-gradient(#aa151b 25%,#f1bf00 25% 75%,#aa151b 75%)}.japan{background:radial-gradient(circle,#bc002d 35%,#fff 36%);border:1px solid #ddd}