*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#001a2d 0,#1170c0 35%,#001a2f 100%);min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}header h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;background:#fff;padding:1rem 1.5rem;border-radius:12px;display:inline-block;box-shadow:0 1px 3px rgba(0,0,0,.08)}main{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.form-section,.results{margin-bottom:2rem}.form-section h2,.results h2{font-size:1.1rem;margin-bottom:.75rem;color:#1a1a1a}.results h2 a{color:#0d6efd;text-decoration:none}.results h2 a:hover{text-decoration:underline}.form-variation{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-row-inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.form-row-inline .form-group{flex:1;min-width:0}.form-row-inline .form-group label{display:block}.arrow-sep{flex-shrink:0;font-size:1.5rem;color:#333;margin-bottom:.25rem}.form-row label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem;color:#333}.form-row select,.searchable-select input[type=text]{width:100%;max-width:280px;padding:.5rem .6rem;font-size:1rem;border:1px solid #ced4da;border-radius:4px;background:#fff}.searchable-select{position:relative;display:block;max-width:280px}.form-row-inline .searchable-select{max-width:100%}.searchable-dropdown{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;border:1px solid #ced4da;border-top:none;border-radius:0 0 4px 4px;background:#fff;max-height:220px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px rgba(0,0,0,.08)}.searchable-dropdown li{padding:.5rem .6rem;cursor:pointer;font-size:.95rem}.searchable-dropdown li:focus,.searchable-dropdown li:hover{background:#f0f0f0}.form-row-checkbox{display:flex;align-items:center;gap:.5rem}.form-row-checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;margin:0}.form-row-checkbox label{margin-bottom:0;font-weight:400;cursor:pointer}.variation-result{padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.variation-loading{margin:0}.variation-loading-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.variation-loading-fill{display:block;height:100%;width:0;background:#0d6efd;border-radius:4px;animation:.4s ease-out forwards variation-loading-fill}@keyframes variation-loading-fill{to{width:100%}}.variation-error{margin:0;color:#b02a37;font-weight:500}.variation-result p{margin:.35rem 0;font-size:1rem}.variation-rate{text-align:center;margin-bottom:1rem}#rate-value{display:block;font-size:4rem;font-weight:700}@media (max-width:768px){.container,.footer-wrapper,.variation-result,main{padding:10px}#rate-value{font-size:3rem}.table-wrap{max-width:100%;margin-left:auto;margin-right:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:0;width:100%}.data-table td,.data-table th{padding:.25rem .3rem}}.variation-values-row{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.variation-values-item{display:inline-flex;align-items:baseline;gap:.35rem}.variation-values-item .result-label{font-weight:600;color:#333}.variation-values-item .result-value{color:#1a1a1a}.variation-amount-apply{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:2rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e9ecef;align-items:flex-start}.amount-apply-col{display:flex;flex-direction:column;gap:.35rem}.amount-adjusted-label,.variation-amount-apply label{display:block;font-size:.9rem;font-weight:500;color:#333}.amount-input-row{display:flex;align-items:center;gap:.5rem;max-width:200px}.amount-input-row input{flex:1;padding:.5rem .6rem;font-size:1rem;border:1px solid #ced4da;border-radius:4px;min-width:0}.amount-currency{font-weight:500;color:#666}.amount-adjusted-col .amount-adjusted-value{font-weight:600;font-size:1.1rem}#amount-adjusted-wrap[hidden]{display:none!important}.rate-positive{color:#0d6efd}.rate-negative{color:#b02a37}.results .status{margin-bottom:1rem}.btn{padding:.6rem 1.2rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-primary{background:#0d6efd;color:#fff}.btn-primary:hover:not(:disabled){background:#0b5ed7}.btn:disabled{opacity:.7;cursor:not-allowed}.status{font-size:.9rem;color:#666}.status.error{color:#b02a37}.table-wrap{overflow-x:auto;margin-bottom:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table td,.data-table th{padding:.4rem .55rem;text-align:left;border:1px solid #dee2e6}.data-table th{background:#f8f9fa;font-weight:600}.data-table tbody tr:nth-child(2n){background:#f8f9fa}.csv-note{font-size:.85rem;color:#666}.csv-note code{background:#eee;padding:.15rem .4rem;border-radius:4px}.subtitle{font-size:.95rem;color:#666;margin-top:.25rem}.footer-wrapper{width:100%;background:#fff;margin-top:2rem;padding:2rem;box-shadow:0 -1px 3px rgba(0,0,0,.06)}.site-footer{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:2rem;max-width:1200px;margin:0 auto}.footer-col{font-size:.85rem;line-height:1.5;color:#555}.footer-col-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.75rem}.footer-col p{margin:0 0 .5rem}.footer-col p:last-child{margin-bottom:0}.footer-legal-col{font-size:.8rem}.footer-share-buttons{display:flex;flex-direction:column;gap:.5rem}.share-btn{display:inline-block;padding:.5rem 1rem;background:#f0f0f0;color:#333;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:background .2s}.share-btn:hover{background:#e0e0e0}.share-linkedin:hover{background:#0a66c2;color:#fff}.share-outlook:hover{background:#0078d4;color:#fff}.share-gmail:hover{background:#ea4335;color:#fff}@media (max-width:768px){.site-footer{grid-template-columns:1fr;gap:1.5rem}.footer-wrapper{padding:10px}.variation-values-row{gap:.2rem}.variation-amount-apply{margin-right:auto;margin-left:auto;align-content:center;flex-direction:column;gap:.2rem}}footer a{color:#0d6efd;text-decoration:none}footer a:hover{text-decoration:underline}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;color:#fff;padding:1.25rem 1.5rem;box-shadow:0 -4px 20px rgba(0,0,0,.25);z-index:9999;max-height:90vh;overflow-y:auto}.cookie-banner[hidden]{display:none!important}.cookie-banner-content{max-width:800px;margin:0 auto}.cookie-banner-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#fff}.cookie-banner-desc{font-size:.9rem;line-height:1.5;color:#e0e0e0;margin-bottom:1rem}.cookie-banner-link{color:#7ab8ff;text-decoration:underline}.cookie-banner-link:hover{color:#a8d4ff}.cookie-banner-customize{margin-bottom:1rem;padding:.75rem;background:rgba(255,255,255,.08);border-radius:6px}.cookie-banner-checkbox{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;cursor:pointer;color:#e0e0e0}.cookie-banner-checkbox input{margin-top:.2rem;flex-shrink:0}.cookie-banner-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.cookie-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.cookie-btn-accept{background:#0d6efd;color:#fff}.cookie-btn-accept:hover{background:#0b5ed7}.cookie-btn-refuse{background:0 0;color:#fff;border:1px solid rgba(255,255,255,.5)}.cookie-btn-refuse:hover{background:rgba(255,255,255,.1)}.cookie-btn-secondary{background:rgba(255,255,255,.2);color:#fff}.cookie-btn-secondary:hover{background:rgba(255,255,255,.3)}.cookie-manage-link{color:#0d6efd;text-decoration:underline}@media (max-width:480px){.cookie-banner{padding:1rem}.cookie-banner-buttons{flex-direction:column}.cookie-btn{width:100%;text-align:center}}