*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080810;--bg2: #0f0f1a;--bg3: #16162a;--border: rgba(255,255,255,.08);--orange: #ff6b35;--green: #00d4aa;--gold: #ffc542;--purple: #a78bfa;--blue: #60a5fa;--text: #e8e8f0;--text-dim: #8888aa;--radius: 10px;--radius-sm: 6px;--font-title: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--shadow: 0 4px 24px rgba(0,0,0,.4);--transition: .18s ease}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-mono)}.app{max-width:1100px;margin:0 auto;padding:0 1rem}.main{padding:1.5rem 0 3rem;display:flex;flex-direction:column;gap:2rem}.header{position:sticky;top:0;z-index:100;background:#080810eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.75rem 0}.header__inner{max-width:1100px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.header__brand{display:flex;align-items:baseline;gap:.75rem}.header__logo{font-family:var(--font-title);font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--orange),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header__tagline{font-size:.8rem;color:var(--text-dim);display:none}@media (min-width: 600px){.header__tagline{display:inline}}.header__controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.breadcrumb{font-size:.75rem;color:var(--text-dim);display:flex;gap:.3rem}.breadcrumb__sep{opacity:.4}.mode-toggle{display:flex;background:var(--bg3);border-radius:var(--radius-sm);padding:2px}.mode-btn{padding:.3rem .8rem;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:4px;font-family:var(--font-body);font-size:.85rem;transition:var(--transition)}.mode-btn--active{background:var(--orange);color:#fff;font-weight:600}.lang-selector{display:flex;gap:2px}.lang-btn{padding:.25rem .5rem;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;border-radius:4px;font-size:.78rem;transition:var(--transition);font-family:var(--font-body)}.lang-btn--active{border-color:var(--orange);color:var(--orange)}.country-selector{display:flex;align-items:center;gap:.4rem}.country-selector__badge{font-size:.65rem;background:var(--green);color:#000;padding:.1rem .35rem;border-radius:3px;font-weight:700}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.label{font-size:.82rem;color:var(--text-dim);font-weight:500}.input,.select{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.55rem .75rem;font-family:var(--font-body);font-size:.95rem;width:100%;transition:border-color var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 2px #ff6b3526}.input--small{width:80px}.select{cursor:pointer}.range{width:100%;accent-color:var(--orange);cursor:pointer;margin:.25rem 0}.form-micro{font-size:.75rem;color:var(--text-dim)}.form-link{font-size:.8rem;color:var(--orange);text-decoration:none}.form-link:hover{text-decoration:underline}.input-with-toggle{display:flex;gap:.5rem;align-items:stretch}.input-toggle-group{display:flex;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.toggle-btn{padding:.4rem .65rem;border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);cursor:pointer;font-size:.8rem;font-family:var(--font-body);transition:var(--transition)}.toggle-btn--active{background:var(--orange);color:#fff;border-color:var(--orange);font-weight:600}.range-labels{display:flex;justify-content:space-between}.radio-group{display:flex;gap:1rem;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem}.enfant-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.3rem}.btn-remove{background:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:.2rem .5rem;font-size:.8rem}.btn-add{background:none;border:1px dashed var(--border);color:var(--orange);cursor:pointer;border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.82rem;transition:border-color var(--transition)}.btn-add:hover{border-color:var(--orange)}.bicalc{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.bicalc__header{margin-bottom:.75rem}.bicalc__titre{font-family:var(--font-title);font-size:1rem;font-weight:700}.bicalc__controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.bicalc__select{width:auto;flex-shrink:0}.bicalc__toggle-group{display:flex;background:var(--bg3);border-radius:var(--radius-sm);padding:2px;gap:2px}.bicalc__toggle-btn{padding:.25rem .65rem;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:4px;font-size:.82rem;transition:var(--transition);font-family:var(--font-body)}.bicalc__toggle-btn--active{background:var(--orange);color:#fff;font-weight:600}.bicalc__input-row{display:flex;align-items:center;gap:.4rem}.bicalc__input{max-width:180px}.bicalc__devise{color:var(--text-dim)}.bicalc__results{margin-top:1rem}.bicalc__result-grid{display:flex;gap:1rem;align-items:flex-start;background:var(--bg3);border-radius:var(--radius-sm);padding:.75rem}.bicalc__result-cell{flex:1;display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.bicalc__result-cell--net .mono{color:var(--green)}.bicalc__result-label{font-size:.75rem;color:var(--text-dim);font-weight:600;text-transform:uppercase}.bicalc__result-sub{font-size:.75rem;color:var(--text-dim);margin-left:.25rem}.bicalc__result-sep{color:var(--text-dim);align-self:center;font-size:1.2rem}.empty-state{text-align:center;padding:2.5rem 1.5rem;background:var(--bg2);border:1px dashed var(--border);border-radius:var(--radius)}.empty-state__titre{font-family:var(--font-title);font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--orange),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.empty-state__sous-titre{color:var(--text-dim);margin-bottom:.75rem}.empty-state__description{color:var(--text-dim);font-size:.9rem;margin-bottom:1.25rem}.empty-state__btn{background:linear-gradient(135deg,var(--orange),var(--gold));border:none;color:#fff;cursor:pointer;border-radius:var(--radius-sm);padding:.7rem 1.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;transition:opacity var(--transition)}.empty-state__btn:hover{opacity:.88}.postes-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 700px){.postes-grid{grid-template-columns:1fr 1fr}}.poste-form{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.poste-form__label{font-family:var(--font-title);font-size:1.05rem;font-weight:700;margin-bottom:1rem;color:var(--orange)}.situation-form{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.situation-form__titre{font-family:var(--font-title);font-size:1.05rem;font-weight:700;margin-bottom:1rem}.animated-result{flex:1;padding:1rem;background:var(--bg3);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center}.animated-result__label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;font-weight:600}.animated-result__taux{display:flex;align-items:baseline;gap:.3rem}.animated-result__value{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;color:var(--green)}.animated-result__unit{font-size:.82rem;color:var(--text-dim)}.animated-result__net{font-size:.9rem;color:var(--text)}.animated-result__sublabel{font-size:.75rem;color:var(--text-dim);margin-left:.2rem}.results{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.results__verdict{display:flex;flex-direction:column;gap:1rem}.results__resume{font-size:1rem;font-weight:500;line-height:1.5}.results__cards{display:flex;gap:1rem;align-items:stretch;flex-wrap:wrap}.results__vs{align-self:center;color:var(--text-dim);font-family:var(--font-title);font-size:.9rem;flex-shrink:0}.results__egal{text-align:center;padding:.5rem;border-radius:var(--radius-sm);background:#ffc5421a;color:var(--gold);font-size:.85rem}.results__delta{text-align:center;padding:.5rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;font-family:var(--font-mono)}.results__delta--pos{background:#00d4aa1a;color:var(--green)}.results__delta--neg{background:#ff6b351a;color:var(--orange)}.results__scores{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.results__scores-col{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.results__table-wrap{overflow-x:auto}.results__table{width:100%;border-collapse:collapse;font-size:.85rem}.results__table th{text-align:left;padding:.4rem .75rem;font-size:.75rem;color:var(--text-dim);font-weight:600;border-bottom:1px solid var(--border)}.result-td{padding:.35rem .75rem;border-bottom:1px solid rgba(255,255,255,.04)}.result-td--value{font-family:var(--font-mono);text-align:right}.result-row--highlight{background:#00d4aa0f}.result-row--highlight .result-td{color:var(--green);font-weight:600}.score-bar{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.score-bar__label{width:90px;color:var(--text-dim);flex-shrink:0;font-size:.75rem}.score-bar__track{flex:1;height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.score-bar__fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.22,1,.36,1)}.score-bar__value{width:28px;text-align:right;font-family:var(--font-mono);font-size:.78rem}.collapse{border-top:1px solid var(--border);padding-top:.75rem}.collapse__title{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-dim);list-style:none;display:flex;align-items:center;gap:.4rem;-webkit-user-select:none;user-select:none;padding:.25rem 0}.collapse__title::-webkit-details-marker{display:none}.collapse__title:before{content:"▶";font-size:.65rem;transition:transform var(--transition)}details[open] .collapse__title:before{transform:rotate(90deg)}.collapse__body{padding-top:.75rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase}.badge--orange{background:#ff6b3526;color:var(--orange);border:1px solid var(--orange)}.badge--green{background:#00d4aa26;color:var(--green);border:1px solid var(--green)}.badge--gold{background:#ffc54226;color:var(--gold);border:1px solid var(--gold)}.share-result{display:flex;flex-direction:column;align-items:center;gap:.5rem}.share-result__btn{display:flex;align-items:center;gap:.5rem;background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:var(--radius-sm);padding:.6rem 1.2rem;font-family:var(--font-body);font-size:.9rem;transition:border-color var(--transition)}.share-result__btn:hover{border-color:var(--orange);color:var(--orange)}.share-result__icon{font-size:1rem}.share-result__micro{font-size:.78rem;color:var(--text-dim);text-align:center}.finance{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.finance__affil{display:flex;flex-direction:column;gap:.5rem}.affil-line{font-size:.85rem;color:var(--text-dim);line-height:1.5}.affil-link{color:var(--orange);text-decoration:none;font-weight:500}.affil-link:hover{text-decoration:underline}.simulateur-epargne{border-top:1px solid var(--border);padding-top:1rem;display:flex;flex-direction:column;gap:.75rem}.simulateur-epargne__titre{font-family:var(--font-title);font-size:1rem;font-weight:700}.simulateur-epargne__base{font-size:.82rem;color:var(--text-dim)}.simulateur-epargne__controls{display:flex;flex-direction:column;gap:.5rem}.simulateur-epargne__result{background:var(--bg3);border-radius:var(--radius-sm);padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.simulateur-epargne__capital{display:flex;align-items:baseline;gap:.5rem}.simulateur-epargne__capital .mono{font-size:1.5rem;font-weight:700;color:var(--green)}.simulateur-epargne__capital span:last-child{font-size:.8rem;color:var(--text-dim)}.simulateur-epargne__breakdown{display:flex;gap:1rem;font-size:.82rem;color:var(--text-dim);flex-wrap:wrap}.simulateur-epargne__ctas{display:flex;flex-direction:column;gap:.25rem}.frontalier-form{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.frontalier-form__titre{font-family:var(--font-title);font-size:1.05rem;font-weight:700;margin-bottom:1rem;color:var(--gold)}.footer{border-top:1px solid var(--border);padding:1rem 0 2rem;text-align:center}.footer__disclaimer{font-size:.72rem;color:var(--text-dim)}.footer__partenaires{opacity:.6}.footer__contact{font-size:.72rem;margin-top:.35rem}.footer__contact-link{color:var(--text-dim);opacity:.6;text-decoration:none}.footer__contact-link:hover{opacity:1;color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.results,.finance,.share-result{animation:fadeUp .35s ease both}@media (max-width: 500px){.results__scores{grid-template-columns:1fr}.animated-result__value{font-size:1.8rem}.bicalc__result-grid{flex-direction:column}}