.input-box{margin-bottom:2rem}.input-label{color:var(--color-primary);margin-bottom:.8rem;font-size:1.15rem;font-weight:700;display:block}.translation-textarea{resize:none;width:100%;min-height:160px;color:var(--color-text);background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.translation-textarea::placeholder{color:#9ca3af}.translation-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #035a9d1f}.language-box{margin:2rem 0}.language-title{color:var(--color-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.language-list{flex-direction:column;gap:.8rem;display:flex}.language-option{cursor:pointer;border-radius:8px;align-items:center;gap:.8rem;padding:.6rem .4rem;transition:background .2s;display:flex}.language-option:hover{background:#035a9d0f}.language-option input{accent-color:var(--color-primary)}.flag{object-fit:cover;border-radius:3px;width:26px;height:18px}.label-text{color:var(--color-text);font-size:.95rem}.translate-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:1.5rem;padding:.9rem 1rem;font-size:1rem;font-weight:700;transition:all .2s}.translate-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.translate-btn:active:not(:disabled){transform:translateY(0)}.translate-btn:disabled{cursor:not-allowed;opacity:.7;background:#9ca3af}.start-over-btn{margin-top:2rem}.loader-container{min-height:200px;color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-weight:600;display:flex}.loader{border:5px solid #dbeafe;border-top-color:var(--color-primary);border-radius:50%;width:45px;height:45px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border-radius:var(--radius);color:#991b1b;text-align:center;background:#fee2e2;border:2px solid #ef4444;padding:1rem;font-weight:600}.result-wrapper{flex-direction:column;gap:1.5rem;display:flex}.result-section h2{color:var(--color-primary);margin-bottom:.7rem;font-size:1.1rem;font-weight:700}.result-content{min-height:120px;color:var(--color-text);background:#f8fafc;border:1px solid #d1d5db;border-radius:10px;padding:1rem;font-size:1rem;line-height:1.6}.header{background:var(--color-header);width:min(100% - 2rem,420px);box-shadow:var(--shadow-card);border-radius:4px;margin:2rem auto 0;position:relative;overflow:hidden}.header-content{z-index:2;justify-content:center;align-items:center;gap:1rem;padding:2rem 1.5rem;display:flex;position:relative}.header-logo{flex-shrink:0;width:70px}.header-text h1{color:var(--color-title);font-size:2rem;font-weight:700;line-height:1}.header-text p{color:#fff;margin-top:.35rem;font-size:.8rem}.world-map{width:100%;height:100%;position:absolute;inset:0}@media (width<=400px){.header-content{gap:.6rem}.header-logo{width:60px}.header-text h1{font-size:1.6rem}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{min-height:100vh}img{max-width:100%;display:block}button,textarea,input{font:inherit}:root{--color-primary:#035a9d;--color-primary-hover:#02497f;--color-title:#32cd32;--color-header:#11203b;--color-background:#eef2f8;--color-card:#fff;--color-border:#2b2b2b;--color-text:#252525;--color-subtitle:#fff;--radius-md:12px;--shadow-card:0 8px 20px #00000014;--container-width:420px;--font-family:"Poppins", system-ui, sans-serif}body{background:var(--color-background);font-family:var(--font-family)}.main-container{width:min(100% - 2rem, var(--container-width));margin:2rem auto}.translator-card{background:var(--color-card);border:4px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:15px;padding:1.5rem}.input-box label{color:var(--color-primary);margin-bottom:.8rem;font-size:1rem;font-weight:700;display:block}.input-box textarea{resize:none;background:#f8f8f8;border:1px solid #cfcfcf;border-radius:8px;outline:none;width:100%;min-height:120px;padding:1rem;transition:all .2s}.input-box textarea:focus{border-color:var(--color-primary)}@media (width>=768px){.main-container{margin-top:3rem}.translator-card{padding:2rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{color:#111;background:#f6f7fb}.app-container{max-width:900px;margin:0 auto;padding:20px}.header{border-bottom:1px solid #ddd;padding:20px 0}.main-content{padding:20px 0}.input-box,.language-box{margin-bottom:20px}textarea{width:100%;min-height:120px;margin-top:8px;padding:10px}button{cursor:pointer;padding:10px 20px}