@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}:root{--brutal-orange:#C44200;--brutal-blue:#004E89;--brutal-yellow:#FFE66D;--brutal-pink:#FF006E;--brutal-green:#06FFA5;--brutal-purple:#8338EC;--brutal-red:#EF476F;--black:#1A1A1A;--white:#FFFFFF;--gray-light:#F7F7F7;--gray-mid:#E0E0E0;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--shadow-sm:3px 3px 0px var(--black);--shadow-md:5px 5px 0px var(--black);--shadow-lg:8px 8px 0px var(--black);--shadow-hover:10px 10px 0px var(--black);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--touch-target:44px}*{padding:0;box-sizing:border-box}a,body{color:var(--black)}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--gray-light);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p{margin-bottom:var(--space-md)}h1,h2,h3,h4,h5,h6{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2rem,6vw,4rem)}h2{font-size:clamp(1.75rem,5vw,3rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1.1rem,2.5vw,1.5rem)}p{font-size:clamp(1rem,2vw,1.125rem)}a{transition:all var(--transition-fast)}.brutal-header{background:var(--white);border-bottom:4px solid var(--black);position:sticky;top:0;z-index:1000;transition:all var(--transition-base)}.brutal-header.scrolled{border-bottom-width:6px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.brutal-nav,.logo-brutal{display:flex;align-items:center}.brutal-nav{justify-content:space-between;padding:var(--space-sm) var(--space-md);max-width:1280px;margin:0 auto}.logo-brutal{gap:var(--space-xs);transition:transform var(--transition-bounce);cursor:pointer}.logo-brutal:hover{transform:scale(1.05) rotate(-2deg)}.logo-brutal .logo-title,.logo-brutal h1{font-size:clamp(1.25rem,4vw,2rem);color:var(--black);margin-bottom:0}.logo-brutal a{text-decoration:none;color:inherit}.logo-icon{font-size:clamp(1.5rem,5vw,2.5rem);animation:float 3s ease-in-out infinite}.accent,.nav-brutal a{color:var(--brutal-orange);position:relative}.accent::after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:var(--brutal-yellow);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.logo-brutal:hover .accent::after{transform:scaleX(1)}.nav-brutal{display:none;list-style:none;gap:var(--space-lg)}*,.nav-brutal li{margin:0}.nav-brutal a{text-decoration:none;color:var(--black);font-weight:700;font-size:1rem;padding:var(--space-xs) var(--space-sm);border:3px solid var(--black);background:var(--white);transition:all var(--transition-fast);display:inline-block}.nav-brutal a:hover{background:var(--brutal-yellow);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.nav-brutal a:focus{outline:3px solid var(--brutal-orange);outline-offset:4px}.mobile-menu-toggle{display:flex;flex-direction:column;gap:5px;background:0 0;border:3px solid var(--black);cursor:pointer;padding:var(--space-xs);width:var(--touch-target);height:var(--touch-target);justify-content:center;align-items:center;transition:all var(--transition-base);position:relative;z-index:1001}.mobile-menu-toggle:hover{background:var(--brutal-yellow);transform:rotate(90deg)}.mobile-menu-toggle:focus{outline:3px solid var(--brutal-orange);outline-offset:4px}.mobile-menu-toggle span{width:20px;height:3px;background:var(--black);transition:all var(--transition-base);border-radius:2px}.mobile-menu-toggle.active{background:var(--brutal-pink);transform:rotate(180deg)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:translateX(20px)}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-mobile,.nav-mobile-overlay{position:fixed;top:0;height:100vh}.nav-mobile-overlay{left:0;width:100%;background:rgba(26,26,26,.8);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:998}.nav-mobile-overlay.active{opacity:1;pointer-events:all}.nav-mobile{right:-100%;width:85%;max-width:350px;background:var(--white);border-left:6px solid var(--black);padding:var(--space-2xl) var(--space-lg);transition:right var(--transition-bounce);z-index:999;overflow-y:auto}.nav-mobile.active{right:0}.nav-mobile-links{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.nav-mobile-link{color:var(--black);text-decoration:none;font-size:1.5rem;font-weight:900;text-transform:uppercase;padding:var(--space-md);border:4px solid var(--black);background:var(--white);box-shadow:var(--shadow-md);transition:all var(--transition-base);text-align:center;opacity:0;transform:translateX(50px)}.nav-mobile.active .nav-mobile-link{animation:slideInRight .4s ease forwards}.nav-mobile-link:nth-child(1){animation-delay:.1s}.nav-mobile-link:nth-child(2){animation-delay:.2s}.nav-mobile-link:nth-child(3){animation-delay:.3s}.nav-mobile-link:nth-child(4){animation-delay:.4s}.nav-mobile-link:hover{background:var(--brutal-yellow);transform:translateX(-8px);box-shadow:var(--shadow-hover)}.nav-mobile-link:active{transform:translateX(-4px);box-shadow:var(--shadow-sm)}.breadcrumb{background:var(--white);padding:var(--space-sm) var(--space-md);border-bottom:3px solid var(--black)}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs);max-width:1280px;margin:0 auto}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child)::after{content:"→";margin-left:var(--space-xs);font-weight:900;color:var(--brutal-orange)}.breadcrumb a{text-decoration:none;font-weight:700;padding:.25rem .5rem;border:2px solid transparent;transition:all var(--transition-fast)}.breadcrumb a:hover{border-color:var(--black);background:var(--brutal-yellow)}.breadcrumb [aria-current=page]{font-weight:900;color:var(--brutal-orange)}main{padding:var(--space-lg) var(--space-md);max-width:1280px;margin:0 auto;min-height:60vh}article{animation:fadeIn .6s ease}.btn-brutal,.card-brutal{border:4px solid var(--black);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card-brutal{background:var(--white);padding:var(--space-lg);margin-bottom:var(--space-lg)}.card-brutal:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.btn-brutal{display:inline-block;padding:var(--space-md) var(--space-xl);font-size:1.125rem;font-weight:900;text-transform:uppercase;text-decoration:none;color:var(--black);min-height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn-brutal.primary{background:var(--brutal-yellow)}.btn-brutal,.btn-brutal.secondary{background:var(--white)}.btn-brutal:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.btn-brutal:active{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-brutal:focus{outline:3px solid var(--brutal-pink);outline-offset:4px}input[type=email],input[type=number],input[type=search],input[type=text],select,textarea{width:100%;padding:var(--space-md);font-size:1rem;font-weight:700;border:4px solid var(--black);background:var(--white);box-shadow:var(--shadow-sm);transition:all var(--transition-base);font-family:inherit}input:focus,select:focus,textarea:focus{outline:0;box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--brutal-orange)}label{display:block;font-weight:700;margin-bottom:var(--space-xs);font-size:.9rem}table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--space-lg)0;border:4px solid var(--black);box-shadow:var(--shadow-md)}td,th{padding:var(--space-sm);text-align:left;border-bottom:3px solid var(--black);border-right:3px solid var(--black)}label,th{text-transform:uppercase}th{background:var(--brutal-yellow);font-weight:900}td{background:var(--white)}tr:last-child td{border-bottom:none}td:last-child,th:last-child{border-right:none}ol,ul{margin-left:var(--space-lg)}li{margin-bottom:var(--space-xs);line-height:1.6}.related-pages{background:var(--white);padding:2.5rem;border:4px solid var(--black);margin:2rem auto;max-width:1000px}.related-pages h2{margin-bottom:2rem;font-size:1.8rem;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.related-card{display:block;padding:1.5rem;background:var(--gray-light);border:3px solid var(--black);text-decoration:none;transition:all .3s ease;box-shadow:4px 4px 0 var(--black)}.related-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--black)}.related-card h3{margin-bottom:.75rem;font-size:1.15rem;color:var(--black);text-transform:none}.related-type{display:inline-block;padding:.4rem .9rem;color:#fff;font-size:.8rem;font-weight:700;border:2px solid var(--black);text-transform:uppercase}details,ol,summary,ul{margin-bottom:var(--space-md)}details{background:var(--white);border:4px solid var(--black);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}details[open]{box-shadow:var(--shadow-md)}summary{font-weight:900;text-transform:uppercase;cursor:pointer;padding:var(--space-sm);background:var(--brutal-yellow);margin:calc(-1*var(--space-md));border-bottom:3px solid var(--black);transition:all var(--transition-fast)}summary:hover{background:var(--brutal-orange);color:var(--white)}summary:focus{outline:3px solid var(--brutal-pink);outline-offset:4px}.footer-brutal{background:var(--black);color:var(--white);padding:var(--space-xl) var(--space-md);border-top:6px solid var(--brutal-yellow);margin-top:var(--space-2xl)}.footer-container{max-width:1280px;margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap}.footer-link{color:var(--white);text-decoration:none;font-weight:700;text-transform:uppercase;padding:var(--space-xs) var(--space-sm);border:2px solid transparent;transition:all var(--transition-fast);position:relative}.footer-link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;background:var(--brutal-yellow);transition:width var(--transition-base)}.footer-link:hover{color:var(--brutal-yellow);border-color:var(--brutal-yellow)}.footer-link:hover::after{width:100%}.footer-link:focus{outline:2px solid var(--brutal-orange);outline-offset:4px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.grid-2,.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex-center{display:flex;justify-content:center;align-items:center;gap:var(--space-md)}@media (min-width:768px){.brutal-nav{padding:var(--space-md) var(--space-lg)}.nav-brutal{display:flex}.mobile-menu-toggle{display:none}main{padding:var(--space-xl) var(--space-lg)}}@media (min-width:1024px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid var(--brutal-orange);outline-offset:4px}@media (prefers-contrast:high){:root{--shadow-sm:4px 4px 0px var(--black);--shadow-md:6px 6px 0px var(--black);--shadow-lg:10px 10px 0px var(--black)}}@media print{.breadcrumb,.brutal-header,.footer-brutal,.nav-mobile,.nav-mobile-overlay{display:none}body{background:#fff}.card-brutal{border:2px solid #000;box-shadow:none;page-break-inside:avoid}}.logo-brutal .accent,.logo-brutal .logo-text,.logo-brutal .logo-text a,.logo-brutal .logo-title{font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Inter",sans-serif;letter-spacing:.02em;text-transform:uppercase}.logo-brutal .accent,.logo-brutal .logo-title{font-weight:900}.logo-brutal .logo-text,.logo-brutal .logo-text a{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:400!important;font-size:clamp(1.6rem,5vw,2.6rem);line-height:1;text-shadow:3px 3px 0 var(--black)}.calculator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.form-group{display:flex;flex-direction:column;gap:.5rem}.result-card{padding:1.25rem 1.5rem}.result-card::before{margin-right:1rem}.header{padding:var(--space-md) 0;border-bottom:3px solid var(--black);background:var(--white)}.header .container{max-width:1200px;margin:0 auto;padding:0 var(--space-md);display:flex;justify-content:space-between;align-items:center}.header nav{display:flex;justify-content:flex-end;gap:var(--space-md)}.section-gap{margin:var(--space-lg) 0}.section-gap-lg{margin:var(--space-xl) 0}.card-highlight{background:#FFF9C4;margin:var(--space-md) 0;padding:var(--space-md)}.ymyl-warning{margin:var(--space-lg) 0;padding:var(--space-md);background:#fff7ed;border:3px solid var(--brutal-orange);border-radius:8px}.ymyl-warning p{margin:0;font-weight:600;color:var(--brutal-orange)}.list-spaced{margin-left:var(--space-md);line-height:1.8}.faq-item{margin:var(--space-md) 0;padding:var(--space-sm);border-left:4px solid #2563eb;background:#f9f9f9}.faq-item h3{margin:0 0 .5rem;font-size:1.1rem;text-transform:none}.faq-item p{margin:0;line-height:1.7}.eeat-block{margin-top:var(--space-xl);padding:var(--space-lg);background:#f8f9fa;border-left:4px solid var(--brutal-orange)}.eeat-block h3{margin-top:0}.footer{background:var(--black);color:var(--white);padding:var(--space-xl) var(--space-md);margin-top:var(--space-xl)}.footer .container{max-width:1200px;margin:0 auto;text-align:center}.footer-nav ul{display:flex;justify-content:center;gap:var(--space-lg);list-style:none;padding:0;margin:0 0 var(--space-lg) 0;flex-wrap:wrap}.footer-nav a{color:var(--white);text-decoration:none;font-weight:700;text-transform:uppercase;font-family:sans-serif;font-size:14px;letter-spacing:.5px}.footer-nav a:hover{color:var(--brutal-yellow)}.footer-copyright{color:#888;font-size:13px;font-family:sans-serif;margin:0}
#result.card-brutal,.card-brutal#result,.result-box{padding:1.25rem}.result-box h3{display:flex;align-items:center;gap:.5rem}.result-box .badge{display:inline-block;margin-right:.25rem}.brutal-offer{border:4px solid var(--black);box-shadow:var(--shadow-md);padding:2rem;margin:2rem 0;background:var(--white);transition:all var(--transition-base);position:relative;overflow:hidden}.brutal-offer:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.brutal-offer::before{content:"RECOMMANDATION";position:absolute;top:15px;right:-30px;background:var(--brutal-yellow);color:var(--black);font-weight:900;padding:5px 40px;transform:rotate(45deg);border:2px solid var(--black);z-index:10;font-size:.8rem;text-transform:uppercase;pointer-events:none}.brutal-offer.premium::before{content:"COUP DE COEUR";background:var(--brutal-pink);color:var(--white)}.brutal-offer h3{color:var(--brutal-blue);font-size:1.5rem;margin-bottom:1rem}.brutal-offer p{font-size:1.1rem;margin-bottom:1.5rem;color:var(--black)}.brutal-offer .offer-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--brutal-green);color:var(--black);text-decoration:none;font-weight:900;padding:1rem 1.5rem;border:3px solid var(--black);box-shadow:var(--shadow-sm);transition:all .2s;text-transform:uppercase}.brutal-offer .offer-cta:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md);background:var(--white)}