@charset "UTF-8";.directions-list{margin-top:2rem;width:100%;border-top:1px solid #E0E0E0;padding-top:1.5rem}.directions-list h2{font-weight:700;font-size:.875rem;color:#575b5f;margin-bottom:1rem}.directions-list .direction-item{border:1px solid #E0E0E0;border-radius:.75rem;margin-bottom:1rem;display:flex;flex-direction:column;justify-content:center;height:4.5rem}.directions-list .direction-item .direction{display:flex;justify-content:space-between;align-items:center}.directions-list .direction-item .direction .currency{background:#f6faff;border-radius:3rem;font-weight:600;font-size:.875rem;color:#424656;padding-right:1rem;display:flex;align-items:center}.directions-list .direction-item a{display:block;padding:.5rem;text-decoration:none;color:#0086ff;font-size:.875rem;font-weight:600}.directions-list .direction-item a:hover{background-color:#0086ff0d}.directions-list .direction-item a img.arrow-icon{width:1.5rem;margin:0 .5rem}.directions-list .direction-item .city-info{padding:.25rem .5rem;text-align:center}.directions-list .direction-item .city-info .city-icon{width:.75rem;height:.75rem;margin-right:.25rem}.directions-list .direction-item .city-info .city-name{font-size:.75rem;color:#8294b5}.selector-header-and-preview{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;position:relative;min-height:60px}.selector-header-and-preview #back-button{background:none;border:2px solid #e5e7eb;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#6b7280;z-index:10}.selector-header-and-preview #back-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translate(-2px)}.selector-header-and-preview .selected-currency-preview{flex:1;display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 2rem}.selector-header-and-preview #close-button{background:none;border:2px solid #fca5a5;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#dc2626;z-index:10}.selector-header-and-preview #close-button:hover{border-color:#dc2626;background:#dc2626;color:#fff;transform:translate(2px) scale(1.05);box-shadow:0 4px 12px #dc26264d}.selector-header-and-preview #close-button:active{transform:translate(2px) scale(.95)}.selector-header-and-preview #close-button svg{transition:transform .3s ease}.selector-header-and-preview #close-button:hover svg{transform:rotate(90deg)}@media (max-width: 768px){.selector-header-and-preview{flex-direction:column;gap:1rem}.selector-header-and-preview .selected-currency-preview{order:1;margin:0}.selector-header-and-preview .back-button{order:2}}.currency-selector-section{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 10px 40px #00000014;border:2px solid #e2e8f0;position:relative;overflow:hidden}.currency-selector-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,197,94,.04) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.03) 0%,transparent 50%);animation:floatingCoins 20s ease-in-out infinite;pointer-events:none;z-index:0}.currency-selector-section>*{position:relative;z-index:1}@media (max-width: 768px){.currency-selector-section{margin:1rem 0;padding:1rem}}.currency-categories .category-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.currency-categories .category-tabs .category-tab{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;border-radius:25px;cursor:pointer;font-weight:500;color:#6b7280;transition:all .3s ease;white-space:nowrap}.currency-categories .category-tabs .category-tab:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.currency-categories .category-tabs .category-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.currency-categories .currency-search{margin-bottom:2rem}.currency-categories .currency-search .search-input{width:100%;max-width:400px;margin:0 auto;display:block;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease}.currency-categories .currency-search .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.currency-categories .currency-search .search-input::placeholder{color:#9ca3af}.currency-categories .currency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:400px;overflow-y:auto;padding:.5rem}.currency-categories .currency-grid .currency-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s ease;background:#fff}.currency-categories .currency-grid .currency-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.currency-categories .currency-grid .currency-card:hover .currency-info .currency-name{color:#3b82f6}.currency-categories .currency-grid .currency-card:hover .currency-info .currency-code{color:#1e40af}.currency-categories .currency-grid .currency-card.selected{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.currency-categories .currency-grid .currency-card.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.currency-categories .currency-grid .currency-card.selected .currency-info .currency-name{color:#1e40af;font-weight:700}.currency-categories .currency-grid .currency-card.selected .currency-info .currency-code{color:#3b82f6;font-weight:600}.currency-categories .currency-grid .currency-card .currency-icon img{width:48px;height:48px;border-radius:50%;object-fit:cover}.currency-categories .currency-grid .currency-card .currency-info{flex:1}.currency-categories .currency-grid .currency-card .currency-info .currency-name{font-weight:600;color:#1f2937;margin-bottom:.25rem;transition:all .3s ease}.currency-categories .currency-grid .currency-card .currency-info .currency-code{font-size:.875rem;color:#6b7280;font-family:JetBrains Mono,Courier New,monospace;font-weight:500;transition:all .3s ease}.currency-categories .no-search-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#6b7280;grid-column:1/-1}.currency-categories .no-search-results .no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.currency-categories .no-search-results .no-results-text{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.currency-categories .no-search-results .no-results-hint{font-size:.875rem;color:#9ca3af}@media (max-width: 768px){.currency-categories .category-tabs{gap:.25rem}.currency-categories .category-tabs .category-tab{padding:.5rem 1rem;font-size:.875rem}.currency-categories .currency-grid{grid-template-columns:1fr;gap:.75rem}}.selected-currency-preview{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#f9fafb;border-radius:12px}.selected-currency-preview .selected-currency{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.selected-currency-preview .selected-currency .currency-icon{width:32px;height:32px}.selected-currency-preview .selected-currency .currency-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}.selected-currency-preview .selected-currency .currency-info .currency-name{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.25rem}.selected-currency-preview .selected-currency .currency-info .currency-code{font-size:.75rem;color:#6b7280;font-family:JetBrains Mono,Courier New,monospace;font-weight:500}.selected-currency-preview .arrow-right{font-size:1.5rem;color:#3b82f6;font-weight:700}.selected-currency-preview .placeholder-currency{width:80px;height:50px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#9ca3af;font-weight:700;padding:.75rem 1rem;box-sizing:border-box;transition:all .3s ease;cursor:pointer}.selected-currency-preview .placeholder-currency:hover{border-color:#3b82f6;background:#3b82f60d;color:#3b82f6;transform:scale(1.02)}.selected-currency-preview .placeholder-currency.active{border-color:#3b82f6;background:#3b82f61a;color:#3b82f6;animation:pulseSelection 2s infinite}@keyframes pulseSelection{0%,to{border-color:#3b82f6;background:#3b82f61a}50%{border-color:#2563eb;background:#3b82f633;transform:scale(1.05)}}.popular-directions-section{margin:2rem 0;padding:0 1rem}.popular-directions-section .popular-directions-container{max-width:1200px;margin:0 auto}.popular-directions-section .popular-directions-container .popular-directions-title{text-align:center;font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.popular-directions-section .popular-directions-container .popular-directions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card{display:block;padding:1.5rem;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:16px;text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card:hover{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#f0f7ff);transform:translateY(-4px);box-shadow:0 8px 25px #3b82f626}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card:hover:before{left:100%}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card:hover .direction-currencies .currency-pair .arrow-separator{color:#3b82f6;transform:scale(1.2)}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card:hover .currency-icon{transform:scale(1.1)}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies{margin-bottom:1rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair{display:flex;align-items:center;justify-content:center;gap:1rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-from,.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-to{display:flex;align-items:center;gap:.5rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-from .currency-icon,.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-to .currency-icon{width:32px;height:32px;border-radius:50%;object-fit:cover;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-from .currency-code,.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-to .currency-code{font-weight:600;color:#374151;font-size:.875rem;font-family:JetBrains Mono,Courier New,monospace}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .arrow-separator{font-size:1.25rem;color:#6b7280;font-weight:700;transition:all .3s ease}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-info{text-align:center}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-info .direction-title{font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:.95rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-info .direction-rate{font-size:.875rem;color:#059669;font-weight:500;background:#0596691a;padding:.25rem .75rem;border-radius:12px;display:inline-block;font-family:JetBrains Mono,Courier New,monospace}@media (max-width: 768px){.popular-directions-section{margin:1.5rem 0;padding:0 .75rem}.popular-directions-section .popular-directions-container .popular-directions-title{font-size:1.25rem;margin-bottom:1rem}.popular-directions-section .popular-directions-container .popular-directions-grid{grid-template-columns:1fr;gap:.75rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card{padding:1rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair{gap:.75rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-from .currency-icon,.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-to .currency-icon{width:28px;height:28px}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-from .currency-code,.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-currencies .currency-pair .currency-to .currency-code{font-size:.8rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-info .direction-title{font-size:.9rem}.popular-directions-section .popular-directions-container .popular-directions-grid .popular-direction-card .direction-info .direction-rate{font-size:.8rem;padding:.2rem .5rem}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rateGlow{0%,to{box-shadow:0 0 5px #0596694d}50%{box-shadow:0 0 15px #05966999;transform:scale(1.05)}}@keyframes shimmerLoading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes floatingCoins{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.7}25%{transform:translate(30px,-20px) rotate(90deg) scale(1.1);opacity:.9}50%{transform:translate(-20px,-40px) rotate(180deg) scale(.9);opacity:.5}75%{transform:translate(40px,-30px) rotate(270deg) scale(1.05);opacity:.8}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.converter-breadcrumbs{margin-bottom:1.5rem;padding:0 1rem}@media (max-width: 768px){.converter-breadcrumbs{margin-bottom:1rem;padding:0 .75rem}}.converter-breadcrumb-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-size:.875rem;color:#6b7280}.converter-breadcrumb-item{display:flex;align-items:center}.converter-breadcrumb-item:not(:last-child):after{content:"›";margin:0 .5rem;color:#9ca3af;font-weight:400}.converter-breadcrumb-item a{color:#6b7280;text-decoration:none;transition:color .2s ease}.converter-breadcrumb-item a:hover{color:#3b82f6;text-decoration:underline}.converter-breadcrumb-item a:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:2px}.converter-breadcrumb-item.active{color:#1f2937;font-weight:500}@media (max-width: 480px){.converter-breadcrumb-item{font-size:.8rem}.converter-breadcrumb-item:not(:last-child):after{margin:0 .25rem}}.converter-wizard{max-width:1200px;margin:0 auto;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 40px #00000014}.converter-wizard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,197,94,.04) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.03) 0%,transparent 50%);animation:floatingCoins 20s ease-in-out infinite;pointer-events:none;z-index:0}.converter-wizard:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,215,0,.03) 60deg,transparent 120deg,rgba(34,197,94,.03) 180deg,transparent 240deg,rgba(59,130,246,.02) 300deg,transparent 360deg);animation:currencyWheel 30s linear infinite;pointer-events:none;z-index:0}.converter-wizard>*{position:relative;z-index:1}.converter-wizard .converter-content{animation:fadeIn .5s ease-in-out}.conversion-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.conversion-inputs .amount-input-group{flex:1;position:relative}.conversion-inputs .amount-input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1f2937}.conversion-inputs .amount-input-group .amount-input{width:100%;padding:1rem 4rem 1rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1.2rem;font-weight:600;transition:all .3s ease}.conversion-inputs .amount-input-group .amount-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.conversion-inputs .quick-amounts{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.conversion-inputs .quick-amounts .quick-amount{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;min-width:2.5rem;text-align:center}.conversion-inputs .quick-amounts .quick-amount:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.conversion-inputs .quick-amounts .quick-amount.active{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.conversion-result{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;margin-top:1rem;position:relative;overflow:hidden}.conversion-result:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .6s ease}.conversion-result:hover:before{left:100%}.conversion-result .result-display{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1}.conversion-result .result-display .result-label{font-size:1rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.conversion-result .result-display .result-amount{display:flex;align-items:baseline;gap:.75rem;background:#fff;padding:1.25rem 2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.conversion-result .result-display .result-amount:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.conversion-result .result-display .result-amount #result-value{font-size:2rem;font-weight:700;color:#1e293b;font-family:JetBrains Mono,Courier New,monospace;min-width:120px;text-align:right}.conversion-result .result-display .result-amount .result-currency{font-size:1.2rem;font-weight:600;color:#3b82f6;background:#eff6ff;padding:.5rem 1rem;border-radius:8px;font-family:JetBrains Mono,Courier New,monospace}.rate-info{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1rem;text-align:center;margin-bottom:2rem}.rate-info .rate-text{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.rate-info .last-updated{font-size:.875rem;color:#6b7280}@media (max-width: 768px){.converter-wizard{padding:1rem}.converter-wizard .conversion-container .conversion-pair{flex-direction:column;gap:1rem}.converter-wizard .conversion-container .conversion-pair .selected-currency{width:100%;justify-content:center}.converter-wizard .conversion-container .conversion-pair .swap-currencies-enhanced{padding:.6rem 1rem}.converter-wizard .conversion-container .conversion-pair .swap-currencies-enhanced .swap-button-content{font-size:.8rem}.converter-wizard .conversion-container .conversion-pair .swap-currencies-enhanced .swap-button-content svg{width:18px;height:18px}.converter-wizard .conversion-container .conversion-inputs{flex-direction:column}}.swap-currencies-enhanced{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;padding:.75rem 1.5rem;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d;position:relative;overflow:hidden}.swap-currencies-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.swap-currencies-enhanced .swap-button-content{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;z-index:1}.swap-currencies-enhanced .swap-button-content svg{width:20px;height:20px;transition:transform .4s ease}.swap-currencies-enhanced:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.swap-currencies-enhanced:hover:before{left:100%}.swap-currencies-enhanced:hover .swap-button-content svg{transform:rotate(180deg)}.swap-currencies-enhanced:active{transform:translateY(0) scale(1.02);box-shadow:0 4px 15px #3b82f64d}.arrow-icon.disabled{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;opacity:.7}.arrow-icon.disabled svg{width:24px;height:24px}.pair-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:1px solid #e2e8f0}.pair-mode-header .pair-title .converter-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;transition:all .3s ease;line-height:1.3}.pair-mode-header .pair-title .converter-title.dynamic{background:linear-gradient(135deg,#3b82f6,#1e40af,#7c3aed);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite;position:relative}.pair-mode-header .pair-title .converter-title.dynamic:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#1e40af,#7c3aed);opacity:.5;border-radius:1px}.pair-mode-header .pair-title .pair-subtitle{font-size:1rem;color:#64748b;font-weight:500}.currency-pair{display:flex;align-items:center;gap:1rem}.currency-pair .currency-from,.currency-pair .currency-to{display:flex;align-items:center;gap:.5rem}.currency-pair .currency-from .currency-icon img,.currency-pair .currency-to .currency-icon img{width:32px;height:32px;border-radius:50%}.currency-pair .currency-from .currency-code,.currency-pair .currency-to .currency-code{font-size:.875rem;color:#374151;font-weight:600}.currency-pair .arrow-separator{font-size:1.25rem;color:#6b7280;font-weight:700;transition:all .3s ease}@media (max-width: 768px){.currency-pair{gap:.75rem}.currency-pair .currency-from .currency-icon img,.currency-pair .currency-to .currency-icon img{width:28px;height:28px}.currency-pair .currency-from .currency-code,.currency-pair .currency-to .currency-code{font-size:.8rem}}.conversion-inputs .amount-input-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.conversion-inputs .amount-input-group label .label-currency{font-weight:400;color:#6b7280;font-size:.9em}.conversion-inputs .amount-input-group .input-wrapper{position:relative;display:flex;align-items:center}.conversion-inputs .amount-input-group .input-wrapper .currency-symbol{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#f1f5f9;color:#475569;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:600;border:1px solid #e2e8f0;pointer-events:none;z-index:1}.conversion-pair .conversion-arrow{display:flex;align-items:center;justify-content:center;margin:0 1rem}.conversion-pair .conversion-arrow .arrow-icon{color:#6b7280;background:#f3f4f6;padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.conversion-pair .conversion-arrow .arrow-icon svg{width:24px;height:24px}.conversion-pair .selected-currency.clickable{cursor:pointer;transition:all .3s ease;position:relative}.conversion-pair .selected-currency.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.conversion-pair .selected-currency.clickable:hover .currency-action-hint{opacity:1;transform:translateY(0)}.conversion-pair .selected-currency.clickable .currency-action-hint{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%) translateY(.5rem);background:#1f2937;color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;white-space:nowrap;opacity:0;transition:all .3s ease;pointer-events:none;z-index:10}.conversion-pair .selected-currency.clickable .currency-action-hint:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #1f2937}@media (max-width: 768px){.pair-mode-header{flex-direction:column;gap:1rem;text-align:center}.pair-mode-header .pair-title .converter-title{font-size:1.5rem}.conversion-pair .conversion-arrow{margin:.5rem}}.rate-error-container{margin:2rem 0;padding:0 1rem}.rate-error{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;box-shadow:0 4px 12px #ef44441a}.rate-error .error-icon{flex-shrink:0;color:#dc2626;margin-top:.25rem}.rate-error .error-icon svg{width:24px;height:24px}.rate-error .error-content{flex:1}.rate-error .error-content .error-title{font-size:1.125rem;font-weight:600;color:#dc2626;margin:0 0 .5rem}.rate-error .error-content .error-message{color:#7f1d1d;margin:0 0 1rem;line-height:1.5}.rate-error .error-content .retry-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.rate-error .error-content .retry-button:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}.rate-error .error-content .retry-button svg{width:16px;height:16px}@media (prefers-color-scheme: dark){.rate-error{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#dc2626}.rate-error .error-title{color:#fca5a5}.rate-error .error-message{color:#fecaca}.rate-error .retry-button{background:#ef4444}.rate-error .retry-button:hover{background:#dc2626}}@media (max-width: 768px){.rate-error-container{margin:1.5rem 0;padding:0 .5rem}.rate-error{flex-direction:column;text-align:center;gap:1rem}.rate-error .error-content .retry-button{display:inline-flex;width:100%;justify-content:center}}.converter-wizard:before{background:var(--dynamic-background, radial-gradient(circle at 20% 80%, rgba(59, 130, 246, .1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(16, 185, 129, .1) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(168, 85, 247, .05) 0%, transparent 50%))}.conversion-container{max-width:600px;margin:0 auto}.conversion-container .conversion-pair{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.conversion-container .conversion-pair .selected-currency{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;min-width:200px;cursor:pointer;transition:all .3s ease;position:relative}.conversion-container .conversion-pair .selected-currency:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626;background:linear-gradient(135deg,#fff,#f8faff)}.conversion-container .conversion-pair .selected-currency:hover .currency-info .currency-name{color:#3b82f6}.conversion-container .conversion-pair .selected-currency:after{content:"✎";position:absolute;top:8px;right:8px;font-size:12px;color:#9ca3af;opacity:.7;transition:all .3s ease}.conversion-container .conversion-pair .selected-currency:hover:after{opacity:1;color:#3b82f6;transform:scale(1.1)}.conversion-container .conversion-pair .selected-currency .currency-icon img{width:40px;height:40px;border-radius:50%;transition:all .3s ease}.conversion-container .conversion-pair .selected-currency:hover .currency-icon img{transform:scale(1.05);filter:brightness(1.1)}.conversion-container .conversion-pair .selected-currency .currency-info .currency-name{font-weight:600;color:#1f2937;transition:all .3s ease}.conversion-container .conversion-pair .selected-currency .currency-info .currency-code{font-size:.875rem;color:#6b7280;transition:all .3s ease}.conversion-container .conversion-pair .selected-currency:hover .currency-info .currency-code{color:#1e40af}@media (max-width: 768px){.conversion-container .conversion-pair{flex-direction:column;gap:1rem}.conversion-container .conversion-pair .selected-currency{width:100%;justify-content:center}.conversion-container .conversion-pair .conversion-arrow{margin:.5rem}}.seo-content-full-width{width:100%;padding:3rem 2rem;background:linear-gradient(135deg,#fff,#f8fafc);border-top:1px solid #e2e8f0;margin:3rem 0 0}.seo-content-full-width .seo-container{max-width:1200px;margin:0 auto}.seo-content-full-width .seo-container .converter-info{max-width:800px;margin:0 auto}.seo-content-full-width .seo-container .converter-info h2{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;text-align:center;position:relative}.seo-content-full-width .seo-container .converter-info h2:after{content:"";display:block;width:80px;height:3px;background:linear-gradient(90deg,#3b82f6,#1e40af);margin:1rem auto 0;border-radius:2px}.seo-content-full-width .seo-container .converter-info h3{font-size:1.5rem;font-weight:600;color:#334155;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;position:relative}.seo-content-full-width .seo-container .converter-info h3:before{content:"▶";color:#3b82f6;margin-right:.5rem;font-size:.8em}.seo-content-full-width .seo-container .converter-info p{font-size:1.125rem;line-height:1.7;color:#475569;margin-bottom:1.5rem;text-align:justify}.seo-content-full-width .seo-container .converter-info p strong{color:#1e293b;font-weight:600}.seo-content-full-width .seo-container .converter-info ul,.seo-content-full-width .seo-container .converter-info ol{margin:1.5rem 0;padding-left:1.5rem}.seo-content-full-width .seo-container .converter-info ul li,.seo-content-full-width .seo-container .converter-info ol li{font-size:1.125rem;line-height:1.6;color:#475569;margin-bottom:.75rem;position:relative}.seo-content-full-width .seo-container .converter-info ul li strong,.seo-content-full-width .seo-container .converter-info ol li strong{color:#1e293b;font-weight:600}.seo-content-full-width .seo-container .converter-info ul li{list-style:none}.seo-content-full-width .seo-container .converter-info ul li:before{content:"✓";color:#10b981;font-weight:700;margin-right:.75rem;position:absolute;left:-1.5rem}.seo-content-full-width .seo-container .converter-info ol li{padding-left:.5rem}.seo-content-full-width .seo-container .converter-info ol li::marker{color:#3b82f6;font-weight:600}@media (max-width: 768px){.seo-content-full-width .seo-container .converter-info h2{font-size:1.75rem}.seo-content-full-width .seo-container .converter-info h3{font-size:1.25rem}.seo-content-full-width .seo-container .converter-info p,.seo-content-full-width .seo-container .converter-info ul li,.seo-content-full-width .seo-container .converter-info ol li{font-size:1rem}}@media (max-width: 768px){.seo-content-full-width{padding:2rem 1rem;margin:2rem 0 0}}