.index-main{max-width:1100px;margin:24px auto;padding:0 20px}.main-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.live-rate-card,.calculator-card{background:var(--card-bg, #ffffff);border-radius:var(--radius, 12px);padding:25px;box-shadow:var(--shadow, 0 4px 12px rgba(0, 0, 0, .1));color:var(--text, #1f2937)}.live-rate-card{background:linear-gradient(135deg,#4c7cff,#1e5bff);color:#fff;padding:30px}.rate-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.rate-header h3{font-size:1.2rem;font-weight:600}.live-indicator{margin-left:auto;text-align:right;font-size:.85rem}.flag-icon{width:30px;height:20px;border-radius:3px;object-fit:cover}.rate-display{text-align:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.3)}.rate-value{font-size:3.5rem;font-weight:800;display:block;line-height:1}.rate-currency{font-size:1.5rem;font-weight:600;opacity:.9}.live-tag{display:inline-block;background:#4cd14c;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;margin-left:10px}.rate-source{font-size:.8rem;text-align:center;margin:15px 0;opacity:.7}.rate-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.btn-primary-green{background:#4cd14c;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s;box-shadow:0 4px 8px #4cd14c66}.btn-primary-green:hover{background:#39a339}.btn-share{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .3s}.btn-share:hover{background:#ffffff4d}.calculator-card h2{font-size:1.3rem;font-weight:700;color:var(--accent, #2563eb);margin-bottom:20px;text-align:center}#currency-converter-form{display:grid;grid-template-columns:1fr;gap:15px}.form-group label{display:block;font-size:.9rem;color:var(--muted, #6b7280);margin-bottom:5px;font-weight:500}#currency-converter-form input,#currency-converter-form select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}#currency-converter-form input:focus,#currency-converter-form select:focus{border-color:var(--accent, #2563eb)}.swap-action{text-align:center;margin:10px 0}#swap-btn{background:var(--bg, #f4f6fa);color:var(--accent, #2563eb);border:1px solid #d1d5db;padding:10px 15px;border-radius:50%;font-size:1.1rem;cursor:pointer;transition:background .2s,transform .2s}#swap-btn:hover{background:#e0e6f7}.btn-convert{width:100%;padding:12px;background:var(--accent, #2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,transform .2s;margin-top:10px}.btn-convert:hover{background:var(--accent-hover, #1d4ed8);transform:translateY(-2px)}@media (min-width: 768px){.main-content-grid{grid-template-columns:1.5fr 1fr}}@media (max-width: 767px){.main-content-grid{grid-template-columns:1fr}.rate-actions{flex-direction:column}.btn-primary-green,.btn-share{width:100%;text-align:center}}