*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text:#111;--text-secondary:#555;--text-muted:#6b7280;--text-faint:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--blue:#3b82f6;--blue-light:#eff6ff;--blue-dark:#1d4ed8;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--green-text:#166534;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--red-text:#991b1b;--amber-bg:#fffbeb;--amber-border:#fde68a;--amber-text:#92400e;--amber-desc:#a16207;--shadow:#0000001a}@media (prefers-color-scheme:dark){:root:not(.light){--bg:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--text:#ededed;--text-secondary:#a1a1a1;--text-muted:#888;--text-faint:#666;--border:#262626;--border-light:#1f1f1f;--blue-light:#172554;--blue-dark:#60a5fa;--green-bg:#052e16;--green-border:#14532d;--green-text:#86efac;--red-bg:#450a0a;--red-border:#7f1d1d;--red-text:#fca5a5;--amber-bg:#451a03;--amber-border:#78350f;--amber-text:#fcd34d;--amber-desc:#fbbf24;--shadow:#0006}}.dark{--bg:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--text:#ededed;--text-secondary:#a1a1a1;--text-muted:#888;--text-faint:#666;--border:#262626;--border-light:#1f1f1f;--blue-light:#172554;--blue-dark:#60a5fa;--green-bg:#052e16;--green-border:#14532d;--green-text:#86efac;--red-bg:#450a0a;--red-border:#7f1d1d;--red-text:#fca5a5;--amber-bg:#451a03;--amber-border:#78350f;--amber-text:#fcd34d;--amber-desc:#fbbf24;--shadow:#0006}.light{--bg:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text:#111;--text-secondary:#555;--text-muted:#6b7280;--text-faint:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--blue:#3b82f6;--blue-light:#eff6ff;--blue-dark:#1d4ed8;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--green-text:#166534;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--red-text:#991b1b;--amber-bg:#fffbeb;--amber-border:#fde68a;--amber-text:#92400e;--amber-desc:#a16207;--shadow:#0000001a}html{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}body{background:var(--bg);color:var(--text);min-height:100vh;transition:background .2s,color .2s}.container{max-width:640px;margin:0 auto;padding:2rem 1rem}.navbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:50;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.nav-brand{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--blue)}.theme-btn{border:1px solid var(--border);background:var(--bg-secondary);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.theme-btn:hover{border-color:var(--blue)}.hero{text-align:center;padding-bottom:2rem}.hero h1{letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.hero p{color:var(--text-secondary);font-size:1.1rem}.hero p strong{color:var(--text)}.toggle{justify-content:center;margin-bottom:1.5rem;display:flex}.toggle-inner{background:var(--bg-tertiary);border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.mode-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.mode-btn.active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px var(--shadow)}.currency-row{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.currency-row label{color:var(--text-muted);font-size:.875rem}.currency-row select{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:.375rem;outline:none;padding:.4rem .75rem;font-size:.875rem}.currency-row select:focus{border-color:var(--blue)}.gateways{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.gw-btn{border:2px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.gw-btn.active{border-color:var(--blue);background:var(--blue-light);color:var(--blue-dark)}.input-group{background:var(--bg-secondary);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-wrap{position:relative}.input-wrap .prefix{color:var(--text-faint);font-size:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-wrap input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:.5rem;outline:none;padding:.75rem 1rem .75rem 2.25rem;font-size:1.5rem;font-weight:600;transition:border-color .15s}.input-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f626}.input-wrap input::placeholder{color:var(--text-faint)}.checkbox-row{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.checkbox-row input{width:1rem;height:1rem;accent-color:var(--blue)}.checkbox-row label{color:var(--text-muted);cursor:pointer;font-size:.875rem}.results{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.result-card{border:1px solid var(--border);background:var(--bg);border-radius:.75rem;padding:1.25rem;animation:.3s fadeIn}.result-card.green{border-color:var(--green-border);background:var(--green-bg);color:var(--green-text)}.result-card.blue{border-color:var(--blue);background:var(--blue-light);color:var(--blue-dark)}.result-card.red{border-color:var(--red-border);background:var(--red-bg);color:var(--red-text)}.result-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem}.result-card.green .result-label,.result-card.blue .result-label,.result-card.red .result-label{color:inherit;opacity:.75}.result-value{font-size:1.5rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.breakdown{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.breakdown h3{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.breakdown-row{justify-content:space-between;padding:.375rem 0;font-size:.875rem;display:flex}.breakdown-row .label{color:var(--text-muted)}.breakdown-row .value{font-weight:500}.breakdown-total{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem;font-weight:600}.fx-warning{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:.75rem;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.fx-warning .icon{flex-shrink:0;font-size:1.25rem}.fx-warning .title{color:var(--amber-text);font-weight:600}.fx-warning .desc{color:var(--amber-desc);margin-top:.25rem;font-size:.875rem}.action-buttons{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.action-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.action-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.social-share{text-align:center;border-top:1px solid var(--border);margin-top:3rem;padding:1.5rem}.social-share p{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.social-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.social-btn{border-radius:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s}.social-btn.twitter{color:#fff;background:#1da1f2}.social-btn.twitter:hover{background:#0d8ddb}.social-btn.facebook{color:#fff;background:#1877f2}.social-btn.facebook:hover{background:#0e65d9}.social-btn.linkedin{color:#fff;background:#0077b5}.social-btn.linkedin:hover{background:#005e93}.social-btn.reddit{color:#fff;background:#ff4500}.social-btn.reddit:hover{background:#e03d00}.compare{margin-top:2.5rem}.compare h2{text-align:center;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.compare-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.compare table{border-collapse:collapse;width:100%;font-size:.875rem}.compare th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem;font-weight:500}.compare th:not(:first-child){text-align:right}.compare td{border-bottom:1px solid var(--border-light);white-space:nowrap;padding:.75rem}.compare td:not(:first-child){text-align:right}.compare tr.highlight{background:var(--blue-light)}.compare .best{color:var(--green);font-weight:600}.seo{margin-top:4rem}.seo h2{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.seo h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.seo p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.seo strong{color:var(--text)}.seo ul{color:var(--text-secondary);margin:1rem 0;padding-left:1.5rem;line-height:2}.faq{margin-top:3rem}.faq h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.faq-item{border:1px solid var(--border);background:var(--bg);border-radius:.5rem;margin-bottom:.75rem;overflow:hidden}.faq-toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex}.faq-toggle h3{color:var(--text);margin:0;font-size:.95rem;font-weight:600}.faq-toggle .icon{color:var(--text-muted);flex-shrink:0;margin-left:1rem;font-size:1.25rem;transition:transform .2s}.faq-item.open .faq-toggle .icon{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-answer-inner{padding:0 1rem 1rem}.faq-item.open .faq-answer{max-height:500px}.faq-answer p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.footer{border-top:1px solid var(--border);text-align:center;margin-top:4rem;padding:2rem 1rem}.footer p{color:var(--text-faint);font-size:.875rem}@media (width<=640px){.container{padding:1.5rem 1rem}.hero h1{font-size:1.5rem}.hero p{font-size:1rem}.results{grid-template-columns:1fr}.gateways{gap:.375rem}.gw-btn,.mode-btn{padding:.4rem .75rem;font-size:.8rem}.input-wrap input{padding:.625rem 1rem .625rem 2rem;font-size:1.25rem}.result-value{font-size:1.25rem}.compare table{font-size:.8rem}.compare th,.compare td{padding:.5rem}.seo h2,.faq h2{font-size:1.25rem}.nav-links{gap:.75rem}.nav-links a{font-size:.8rem}}@media (width<=380px){.gateways{flex-direction:column;align-items:center}.gw-btn{width:100%;max-width:200px}}@media (width>=768px){.container{max-width:720px;padding:3rem 2rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.input-wrap input,.result-value,.seo h2{font-size:1.75rem}.seo h3{font-size:1.25rem}.faq h2{font-size:1.75rem}.faq-item h3{font-size:1.05rem}.compare table{font-size:.95rem}.compare th,.compare td{padding:.875rem 1rem}}@media (width>=1024px){.container{max-width:800px}.hero h1{font-size:2.75rem}.navbar{padding:.75rem 3rem}.nav-links{gap:2rem}.nav-links a{font-size:.95rem}.input-group,.breakdown{padding:2rem}}@media (width>=1280px){.container{max-width:860px}.hero h1{font-size:3rem}.hero p{font-size:1.25rem}.seo,.faq{max-width:800px}}