:root{--ccq-bordeaux:#54122E;--ccq-ocre:#BC7501;--ccq-terracotta:#E26C55;--ccq-rouille:#A5593C;--ccq-vert:#1F6566;--ccq-fond:#f6f4f2;--ccq-fond-chaud:#F7EDE4;--ccq-blanc:#FFFFFF;--ccq-texte:#2A1018;--ccq-bordure:#E8D0C0;--ccq-radius:16px;--ccq-shadow:0 4px 24px rgba(84, 18, 46, 0.08)}#ccq-app *,#ccq-app *::before,#ccq-app *::after{box-sizing:border-box}#ccq-app h1,#ccq-app h2,#ccq-app h3,#ccq-app h4,#ccq-app h5,#ccq-app h6,#ccq-app p,#ccq-app ul,#ccq-app ol,#ccq-app figure,#ccq-app blockquote{margin:0;padding:0}.ccq-wrapper{font-family:'Montserrat',sans-serif;color:var(--ccq-texte);max-width:720px;margin:0 auto;padding:0 16px}.ccq-title{font-family:'Rozha One',serif;font-weight:400;color:var(--ccq-bordeaux);line-height:1.2}.ccq-title--xl{font-size:clamp(1.8rem, 4vw, 2.6rem);text-align:center;margin-bottom:12px}.ccq-title--lg{font-size:clamp(1.4rem, 3vw, 2rem);text-align:center;margin-bottom:8px}.ccq-title--md{font-size:clamp(1.2rem, 2.5vw, 1.6rem)}.ccq-card{background:var(--ccq-blanc);border:none;border-radius:var(--ccq-radius);padding:clamp(32px, 6vw, 56px) clamp(28px, 5vw, 52px);box-shadow:var(--ccq-shadow);animation:ccq-fadeIn 0.5s ease}@keyframes ccq-fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ccq-slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.ccq-intro{text-align:center}.ccq-intro__subtitle{font-size:1.05rem;color:var(--ccq-ocre);margin-bottom:32px;line-height:1.7;max-width:480px;margin-left:auto;margin-right:auto}.ccq-intro__visual{width:100px;height:100px;margin:0 auto 24px;display:block;object-fit:contain}.ccq-form{display:flex;flex-direction:column;gap:16px;max-width:100%;width:100%;margin:0 auto}.ccq-input{font-family:'Montserrat',sans-serif;font-size:1rem;padding:16px 20px;border:none;border-radius:10px;background:var(--ccq-fond);color:var(--ccq-texte);transition:box-shadow 0.2s;outline:none;width:100%}.ccq-input:focus{box-shadow:0 0 0 3px rgb(188 117 1 / .15)}.ccq-input{color:var(--ccq-bordeaux)}.ccq-input::placeholder{color:#b09a8a}.ccq-input--error{box-shadow:0 0 0 3px rgb(226 108 85 / .2)}.ccq-checkbox{display:flex;align-items:flex-start;gap:12px;text-align:left;cursor:pointer;margin-top:4px}.ccq-checkbox input[type="checkbox"]{width:20px;height:20px;min-width:20px;margin-top:2px;accent-color:var(--ccq-ocre);cursor:pointer}.ccq-checkbox__text{font-size:.8rem;color:#8a7060;line-height:1.5}.ccq-checkbox__text a{color:var(--ccq-ocre);text-decoration:underline}.ccq-checkbox--error input[type="checkbox"]{outline:2px solid var(--ccq-terracotta);outline-offset:1px}.ccq-btn{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1rem;padding:16px 32px;border:none;border-radius:10px;cursor:pointer;transition:transform 0.15s,box-shadow 0.2s,background 0.2s,opacity 0.2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3}.ccq-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgb(84 18 46 / .15)}.ccq-btn:active{transform:translateY(0)}.ccq-btn--primary{background:var(--ccq-ocre);color:var(--ccq-blanc)}.ccq-btn--primary:hover{background:#d48a0a}.ccq-btn--secondary{background:var(--ccq-ocre);color:var(--ccq-blanc)}.ccq-btn--secondary:hover{background:#d48a0a}.ccq-btn--outline{background:#fff0;color:var(--ccq-bordeaux);border:2px solid var(--ccq-bordeaux)}.ccq-btn--outline:hover{background:var(--ccq-bordeaux);color:var(--ccq-blanc)}.ccq-btn--full{width:100%}.ccq-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ccq-legal{font-size:.78rem;color:#8a7060;line-height:1.5;margin-top:4px;text-align:center}.ccq-error{font-size:.85rem;color:var(--ccq-terracotta);text-align:center;margin-top:4px}.ccq-progress{margin-bottom:36px}.ccq-progress__label{font-size:.8rem;font-weight:600;color:var(--ccq-rouille);margin-bottom:8px;text-align:right}.ccq-progress__track{height:6px;background:var(--ccq-fond);border-radius:3px;overflow:hidden}.ccq-progress__bar{height:100%;background:linear-gradient(90deg,var(--ccq-ocre),var(--ccq-terracotta));border-radius:3px;transition:width 0.4s ease}.ccq-question{animation:ccq-slideIn 0.35s ease}.ccq-question__number{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--ccq-ocre);margin-bottom:12px}.ccq-question__text{font-family:'Rozha One',serif;font-size:clamp(1.2rem, 2.8vw, 1.55rem);color:var(--ccq-bordeaux);line-height:1.45;margin-bottom:36px}.ccq-tf{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ccq-tf__btn{font-family:'Montserrat',sans-serif;font-weight:600;font-size:1.1rem;padding:22px 18px;border:none;border-radius:12px;background:var(--ccq-fond);color:var(--ccq-texte);cursor:pointer;transition:all 0.2s}.ccq-tf__btn:hover{background:var(--ccq-terracotta);color:var(--ccq-blanc)}.ccq-tf__btn--selected{background:var(--ccq-ocre);color:var(--ccq-blanc);transform:scale(.97)}.ccq-options{display:flex;flex-direction:column;gap:14px}.ccq-option{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:500;padding:20px 24px;border:none;border-radius:12px;background:var(--ccq-fond);color:var(--ccq-texte);cursor:pointer;transition:all 0.2s;text-align:left;line-height:1.5;width:100%}.ccq-option:hover{background:var(--ccq-terracotta);color:var(--ccq-blanc);transform:translateX(4px)}.ccq-option--selected{background:var(--ccq-ocre);color:var(--ccq-blanc);font-weight:600}.ccq-loader{text-align:center;padding:60px 20px;animation:ccq-fadeIn 0.5s ease}.ccq-loader__spinner{width:56px;height:56px;border:4px solid var(--ccq-fond);border-top-color:var(--ccq-ocre);border-radius:50%;animation:ccq-spin 0.8s linear infinite;margin:0 auto 20px}@keyframes ccq-spin{to{transform:rotate(360deg)}}.ccq-loader__text{font-family:'Rozha One',serif;font-size:1.2rem;color:var(--ccq-bordeaux)}.ccq-result{animation:ccq-fadeIn 0.6s ease}.ccq-result__header{text-align:center;padding:48px 32px;border-radius:var(--ccq-radius) var(--ccq-radius) 0 0;margin:calc(-1 * clamp(32px, 6vw, 56px)) calc(-1 * clamp(28px, 5vw, 52px)) 0;color:var(--ccq-blanc)}.ccq-result__header-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:rgb(255 255 255 / .2);padding:6px 16px;border-radius:20px;margin-bottom:12px}.ccq-result__header h2{font-family:'Rozha One',serif;font-size:clamp(2rem, 5vw, 3rem);font-weight:400;margin-bottom:6px}.ccq-result__header p{font-size:1.05rem;opacity:.9}.ccq-result__image{width:100%;max-width:400px;display:block;margin:40px auto;border-radius:12px}.ccq-result__section{margin-bottom:44px}.ccq-result__section:last-of-type{margin-bottom:0}.ccq-result__section-title{font-family:'Rozha One',serif;font-size:1.3rem;color:var(--ccq-bordeaux);margin-bottom:28px;padding-bottom:14px;border-bottom:2px solid var(--ccq-fond-chaud)}.ccq-result__description{font-size:1rem;line-height:1.8;color:var(--ccq-texte)}.ccq-result__traits{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:8px}.ccq-result__trait{font-size:.88rem;font-weight:600;padding:8px 18px;border-radius:20px;background:var(--ccq-fond);color:var(--ccq-rouille)}.ccq-result__day{list-style:none;display:flex;flex-direction:column;gap:16px;padding:0;margin:0}.ccq-result__day li{font-size:.95rem;line-height:1.65;padding-left:24px;position:relative;display:block}.ccq-result__day li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--ccq-ocre);display:block}.ccq-result__conseil{background:var(--ccq-ocre);border-left:none;border-radius:12px;padding:28px 32px;color:var(--ccq-blanc)}.ccq-result__conseil-label{font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:1.5px;color:#FFF;margin-bottom:12px}.ccq-result__conseil p{font-size:1rem;line-height:1.75;color:var(--ccq-blanc)}.ccq-result__cta{text-align:center;margin-top:44px;padding-top:0;border-top:none}.ccq-result__cta-banner{background:var(--ccq-terracotta);color:var(--ccq-blanc);font-weight:700;font-size:1.05rem;line-height:1.5;padding:20px 28px;border-radius:12px;margin-bottom:28px}.ccq-result__actions{display:flex;flex-direction:column;gap:16px;align-items:center}.ccq-result__story-preview{width:180px;border-radius:12px;box-shadow:var(--ccq-shadow);margin-bottom:4px}.ccq-result__instagram{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.95rem;color:var(--ccq-bordeaux);text-decoration:none;transition:color 0.2s}.ccq-result__instagram:hover{color:var(--ccq-ocre)}@media (max-width:520px){.ccq-card{padding:28px 20px}.ccq-tf{grid-template-columns:1fr}.ccq-result__header{padding:36px 20px;margin:-28px -20px 0}.ccq-result__conseil{padding:22px 20px}.ccq-result__cta-banner{padding:16px 20px;font-size:.95rem}.ccq-result__traits{justify-content:center}}