.converter-wrapper{max-width:1000px;margin:40px auto;display:flex;gap:30px;padding:0 20px}.currency-converter{flex:0 0 60%;padding:25px;background-color:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.1);font-family:Arial,sans-serif}.currency-converter h1{text-align:center;color:#1e40af;font-size:30px;margin-bottom:10px}.currency-converter p{text-align:center;color:#4b5563;font-size:16px;margin-bottom:25px}.converter-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.converter-form label{font-size:16px;color:#1e40af;font-weight:600}.converter-form input,.converter-form select{padding:12px;font-size:16px;border:2px solid #d1d5db;border-radius:8px;outline:none;width:100%;box-sizing:border-box;transition:border-color .2s ease}.converter-form input:focus,.converter-form select:focus{border-color:#1e40af}.converter-form select{background-color:#f9fafb;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%231e40af" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;direction:ltr}.converter-form select{position:relative;z-index:1}.converter-form select:focus,.converter-form select:active{position:relative;top:auto;bottom:auto}.converter-form button{padding:14px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}#swap-btn{background-color:#1e40af;color:#fff;margin-bottom:10px}#swap-btn:hover{background-color:#1e3a8a}.result{margin-top:25px;padding:15px;background-color:#f0f5ff;border-radius:8px;text-align:center}.result p{margin:8px 0;color:#1e40af;font-size:16px}.result span{font-weight:700;color:#4b5563}.quick-tips{flex:0 0 40%;padding:25px;background-color:#fff7ed;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.1)}.quick-tips h2{color:#f97316;font-size:24px;margin-bottom:20px}.tip{margin-bottom:20px}.tip h3{color:#1e40af;font-size:18px;margin-bottom:8px}.tip p{color:#4b5563;font-size:14px;line-height:1.5}@media (max-width:768px){.converter-wrapper{flex-direction:column;margin:20px}.currency-converter,.quick-tips{flex:0 0 100%}.currency-converter h1{font-size:26px}.converter-form label,.converter-form input,.converter-form select,.converter-form button{font-size:14px}.quick-tips h2{font-size:20px}.tip h3{font-size:16px}.tip p{font-size:13px}}