@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--primary:#0d9488;--primary-hover:#0f766e;--primary-light:#f0fdfa;--primary-10:#0d94881a;--primary-20:#0d948833;--primary-30:#0d94884d;--bg:#fff;--bg-surface:#f8fafc;--bg-sunken:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border:#e2e8f0;--border-hover:#0d94884d;--success:#10b981;--success-bg:#10b98114;--warning:#f59e0b;--warning-bg:#f59e0b14;--danger:#ef4444;--danger-bg:#ef444414;--pro-from:#f59e0b;--pro-to:#ef4444;--pro-bg:#f59e0b0f;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 28px #0000001a;--shadow-xl:0 16px 48px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--container-max:1200px;--container-narrow:800px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--bg-surface:#1e293b;--bg-sunken:#162032;--bg-card:#1e293b;--bg-hover:#253349;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border:#2d3f55;--border-hover:#0d948866;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 28px #00000080;--primary-light:#0d94881f}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Noto Sans SC,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}.container-narrow{width:100%;max-width:var(--container-narrow);margin:0 auto;padding:0 24px}.header{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;width:100%;position:sticky;top:0}@media (prefers-color-scheme:dark){.header{background:#0f172aeb}}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{letter-spacing:-.03em;color:var(--text-primary);font-size:1.2rem;font-weight:700}.logo span{color:var(--primary)}.nav{align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition);padding:8px 14px;font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--primary);background:var(--primary-light)}.nav-cta{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--pro-from), var(--pro-to));color:#fff;transition:all var(--transition);padding:8px 18px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #f59e0b40}.nav-cta:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b59}.footer{border-top:1px solid var(--border);background:var(--bg-surface);margin-top:auto;padding:40px 0 28px}.footer-inner{flex-direction:column;gap:20px;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.footer-brand p{color:var(--text-tertiary);max-width:280px;margin-top:6px;font-size:.8125rem;line-height:1.5}.footer-links{flex-wrap:wrap;gap:40px;display:flex}.footer-link-group h4{color:var(--text-secondary);margin-bottom:10px;font-size:.8125rem;font-weight:600}.footer-link-group a{color:var(--text-tertiary);transition:color var(--transition);margin-bottom:6px;font-size:.8125rem;display:block}.footer-link-group a:hover{color:var(--primary)}.footer-disclaimer{border-top:1px solid var(--border);color:var(--text-tertiary);padding-top:20px;font-size:.75rem;line-height:1.6}.hero{text-align:center;padding:72px 0 60px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#0d948814 0%,#0000 70%);position:absolute;inset:0}.hero h1{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:18px;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.18}.hero h1 .highlight{color:var(--primary);position:relative}.hero p{color:var(--text-secondary);max-width:560px;margin:0 auto 36px;font-size:1.125rem;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:32px;margin-top:44px;display:flex}.hero-stat{text-align:center}.hero-stat strong{color:var(--primary);letter-spacing:-.03em;font-size:1.75rem;font-weight:700;display:block}.hero-stat span{color:var(--text-tertiary);font-size:.8125rem}.hero-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.badge{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.badge.success{background:var(--success-bg);color:var(--success);border-color:#10b98133}.btn{border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-family:inherit;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0d94884d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0d948866}.btn-outline{color:var(--text-primary);border:2px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--border-hover);background:var(--bg-hover)}.btn-pro{background:linear-gradient(135deg, var(--pro-from), var(--pro-to));color:#fff;box-shadow:0 2px 8px #f59e0b4d}.btn-pro:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b66}.btn-sm{padding:7px 14px;font-size:.8125rem}.btn-lg{padding:14px 32px;font-size:1rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.tool-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;padding:22px;text-decoration:none;display:flex;position:relative}.tool-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tool-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:1.4rem;display:flex}.tool-card h3{color:var(--text-primary);transition:color var(--transition);margin-bottom:8px;font-size:1rem;font-weight:600}.tool-card:hover h3{color:var(--primary)}.tool-card p{color:var(--text-secondary);flex:1;margin-bottom:16px;font-size:.875rem;line-height:1.6}.tool-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--text-tertiary);border:1px solid var(--border);padding:3px 9px;font-size:.75rem;font-weight:500}.tag.primary{background:var(--primary-light);color:var(--primary);border-color:var(--primary-20)}.arrow-icon{color:var(--text-tertiary);transition:all var(--transition);font-size:1.1rem}.tool-card:hover .arrow-icon{color:var(--primary);transform:translate(3px)}.pro-badge{letter-spacing:.05em;border-radius:var(--radius-full);background:linear-gradient(135deg, var(--pro-from), var(--pro-to));color:#fff;padding:3px 9px;font-size:.7rem;font-weight:700;position:absolute;top:14px;right:14px}.category-tabs{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.category-tab{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:7px 16px;font-size:.875rem;font-weight:500}.category-tab:hover{border-color:var(--border-hover);color:var(--primary)}.category-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #0d948840}.exchanges-bar{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0}.exchanges-bar-inner{scrollbar-width:none;align-items:center;gap:20px;display:flex;overflow-x:auto}.exchanges-bar-inner::-webkit-scrollbar{display:none}.exchanges-label{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-size:.8rem}.exchange-pill{border-radius:var(--radius-full);background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-primary);white-space:nowrap;transition:all var(--transition);flex-shrink:0;align-items:center;gap:8px;padding:7px 14px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.exchange-pill:hover{border-color:var(--border-hover);color:var(--primary);box-shadow:var(--shadow-sm)}.exchange-pill .rebate{color:var(--success);background:var(--success-bg);border-radius:var(--radius-full);padding:2px 6px;font-size:.7rem;font-weight:500}.exchange-card{border-radius:var(--radius-lg);transition:all var(--transition);background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1.5px solid #f59e0b2e;margin-bottom:12px;padding:16px}@media (prefers-color-scheme:dark){.exchange-card{background:linear-gradient(135deg,#f59e0b14,#ef44440d)}}.exchange-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.exchange-card h4{margin-bottom:4px;font-size:.9375rem;font-weight:700}.exchange-card .tagline{color:var(--text-tertiary);margin-bottom:10px;font-size:.78rem}.exchange-card .rebate-info{color:var(--success);margin-bottom:12px;font-size:.78rem;font-weight:600}.exchange-card a{text-align:center;background:var(--primary);color:#fff;border-radius:var(--radius-md);transition:all var(--transition);padding:8px 0;font-size:.8125rem;font-weight:600;display:block}.exchange-card a:hover{background:var(--primary-hover)}.exchange-cta-bar{background:linear-gradient(135deg, var(--primary-light), #0d94880a);border:1.5px solid var(--primary-20);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:18px 22px;display:flex}.exchange-cta-bar p{color:var(--text-secondary);font-size:.9rem}.exchange-cta-bar strong{color:var(--text-primary)}.calculator-layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}@media (max-width:900px){.calculator-layout{grid-template-columns:1fr}}.calculator-main{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:28px}.calculator-sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.875rem;font-weight:600;display:flex}.form-label span{color:var(--text-tertiary);font-size:.78rem;font-weight:400}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text-primary);transition:all var(--transition);outline:none;padding:10px 14px;font-family:Inter,monospace;font-size:.9375rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-10)}.form-input.prefix-input{padding-left:36px}.input-wrapper{position:relative}.input-prefix{color:var(--text-tertiary);pointer-events:none;font-family:Inter,monospace;font-size:.875rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-suffix{color:var(--text-tertiary);pointer-events:none;font-family:Inter,monospace;font-size:.875rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.direction-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.direction-btn{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;padding:10px;font-family:inherit;font-size:.9rem;font-weight:600}.direction-btn.long.active{border-color:var(--success);background:var(--success-bg);color:var(--success)}.direction-btn.short.active{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.result-section{background:var(--bg-sunken);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:24px;padding:22px}.result-section h3{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.875rem;font-weight:600}.result-primary{letter-spacing:-.04em;margin-bottom:4px;font-family:Inter,monospace;font-size:2.25rem;font-weight:700}.result-primary.success{color:var(--success)}.result-primary.danger{color:var(--danger)}.result-primary.primary{color:var(--primary)}.result-label{color:var(--text-tertiary);margin-bottom:18px;font-size:.8125rem}.result-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.result-item{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);padding:12px}.result-item label{color:var(--text-tertiary);margin-bottom:4px;font-size:.75rem;display:block}.result-item strong{color:var(--text-primary);font-family:Inter,monospace;font-size:1rem;font-weight:700}.formula-section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.formula-toggle{color:var(--text-secondary);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:inherit;font-size:.875rem;font-weight:600;display:flex}.formula-toggle:hover{color:var(--primary)}.formula-content{background:var(--bg-sunken);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:14px;padding:16px}.formula-content code{color:var(--primary);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:.875rem;display:block}.formula-content p{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.tool-hero{padding:36px 0 0}.tool-breadcrumb{color:var(--text-tertiary);align-items:center;gap:8px;margin-bottom:16px;font-size:.8125rem;display:flex}.tool-breadcrumb a{color:var(--text-tertiary);transition:color var(--transition)}.tool-breadcrumb a:hover{color:var(--primary)}.tool-breadcrumb span{color:var(--border)}.tool-hero h1{letter-spacing:-.03em;margin-bottom:10px;font-size:1.875rem;font-weight:700}.tool-hero .desc{color:var(--text-secondary);max-width:600px;margin-bottom:28px;font-size:1rem;line-height:1.65}.pro-section{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#fffbeb 0%,#fff7ed 50%,#fef2f2 100%);border:1.5px solid #f59e0b33;padding:40px}@media (prefers-color-scheme:dark){.pro-section{background:linear-gradient(135deg,#f59e0b14,#ef44440d)}}.pro-section h2{margin-bottom:8px;font-size:1.625rem;font-weight:700}.pro-section .price{background:linear-gradient(135deg, var(--pro-from), var(--pro-to));-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;margin:16px 0 4px;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:800}.pro-section .price-note{color:var(--text-tertiary);margin-bottom:28px;font-size:.875rem}.pro-features-list{text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:32px;display:grid}.pro-feature-item{border-radius:var(--radius-md);background:#ffffffb3;border:1px solid #f59e0b26;align-items:flex-start;gap:10px;padding:14px;display:flex}@media (prefers-color-scheme:dark){.pro-feature-item{background:#ffffff0a}}.pro-feature-item .check{color:var(--success);flex-shrink:0;margin-top:1px;font-size:1.1rem}.pro-feature-item p{color:var(--text-secondary);font-size:.875rem}.pro-feature-item strong{color:var(--text-primary);margin-bottom:2px;font-size:.9rem;display:block}.section{padding:64px 0}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.section-header h2{letter-spacing:-.025em;font-size:1.625rem;font-weight:700}.section-header p{color:var(--text-tertiary);margin-top:4px;font-size:.875rem}.section-header a{color:var(--primary);white-space:nowrap;transition:color var(--transition);font-size:.875rem;font-weight:600}.section-header a:hover{color:var(--primary-hover)}.divider{background:var(--border);height:1px;margin:0}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:12px 16px;font-size:.875rem;line-height:1.5;display:flex}.alert-warning{background:var(--warning-bg);color:var(--text-secondary);border:1px solid #f59e0b33}.alert-warning strong{color:var(--warning)}@media (max-width:768px){.container,.container-narrow{padding:0 16px}.hero{padding:48px 0 40px}.hero-stats{gap:20px}.nav{display:none}.section{padding:44px 0}.section-header{flex-direction:column;align-items:flex-start}.calculator-main{padding:20px}.result-grid,.pro-features-list{grid-template-columns:1fr}.pro-section{padding:28px 20px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.5s forwards fadeUp}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.2s}.animate-delay-3{opacity:0;animation-delay:.3s}