.home-page{background-color:#f5efe1;min-height:100vh;padding:80px 0;font-family:inter,sans-serif}.main-content h2{color:#472e0b;margin-bottom:10px;font-size:.9rem;font-weight:400}.main-content .survey-info{color:#472e0b;background-color:#fff;border:1px solid #f28435;border-radius:12px;margin-bottom:20px;padding:15px;font-size:.8rem;line-height:1.5}.main-content .survey-info p{margin:0 0 10px}.main-content .survey-info p:last-child{color:#f28435;margin:0;font-weight:700}.btn-survey{color:#fff;cursor:pointer;background-color:#f28435;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;transition:all .2s}.btn-survey:hover{background-color:#cd5d0d;text-decoration:underline}.btn-survey{width:100%;margin-bottom:30px;padding:15px}.results-card{background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000000d}.grid-categories{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.category-box{text-align:center;background-color:#f5efe1;border-radius:10px;flex-direction:column;justify-content:center;min-height:80px;padding:15px 10px;display:flex}.category-box h3{color:#472e0b;margin:0 0 5px;font-size:.9rem}.data-value{color:#84c04c;margin:0;font-size:1.1rem;font-weight:700}.score-footer{justify-content:space-between;align-items:flex-end;margin-top:20px;display:flex}.mascot-img{width:90px;height:auto;margin:0 auto;display:block}.score-box{text-align:center;background-color:#f5efe1;border-radius:10px;flex-direction:column;padding:15px 25px;display:flex}.score-box .score-label{color:1.1rem;margin-bottom:-5px;font-size:14px;font-weight:700}.score-box .score-value{color:1.1rem;font-size:48px;font-weight:900;line-height:1}.onboarding-page{background-color:#f5efe1;padding:20px 16px 80px;font-family:inter,sans-serif;position:relative}.onboarding-page .lang-switcher{z-index:10;gap:8px;display:flex;position:absolute;top:20px;right:20px}.onboarding-page .lang-switcher button{color:#fff;cursor:pointer;background-color:#84c04c;border:none;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;transition:all .2s}.onboarding-page .lang-switcher button:hover{background-color:#5e8e32;text-decoration:underline}.onboarding-page .lang-switcher button{opacity:.6;padding:8px 12px;font-size:.9rem}.onboarding-page .lang-switcher button:hover{transform:scale(.98)}.onboarding-page .lang-switcher button:active{transform:scale(.95)}.onboarding-page .lang-switcher button.active{opacity:1;color:#fff;background-color:#84c04c}.onboarding-page .progress-header{justify-content:center;align-items:center;margin-bottom:30px;padding-top:20px;display:flex}.onboarding-page .mascot-container{margin-right:15px}.onboarding-page .mascot-progress{width:60px}.onboarding-page .stepper{align-items:center;display:flex}.onboarding-page .stepper .step{color:#fff;background-color:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.1rem;font-weight:700;display:flex}.onboarding-page .stepper .step.active{background-color:#f28435}.onboarding-page .stepper .line{background-color:#e0e0e0;width:30px;height:2px}.onboarding-page .step-1-container .register-form{box-sizing:border-box;background-color:#fdeadd;border:1px solid #f28435;border-radius:15px;width:100%;max-width:400px;margin:0 auto;padding:25px 20px}.onboarding-page .form-group{flex-direction:column;margin-bottom:15px;display:flex}.onboarding-page .form-group label{margin-bottom:5px;font-size:.9rem;font-weight:900}.onboarding-page .form-group input{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;padding:12px;font-size:1.1rem}.onboarding-page .form-checkbox{align-items:center;margin:20px 0;display:flex}.onboarding-page .form-checkbox input{width:18px;height:18px;margin-right:10px}.onboarding-page .form-checkbox label{font-size:.9rem;font-weight:700}.onboarding-page .btn-submit{color:#fff;cursor:pointer;background-color:#84c04c;border:none;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;transition:all .2s}.onboarding-page .btn-submit:hover{background-color:#5e8e32;text-decoration:underline}.onboarding-page .btn-submit{text-align:center;border-radius:10px;width:100%;padding:15px;font-size:1.1rem;font-weight:700;display:block}.onboarding-page .btn-orange{color:#fff;cursor:pointer;background-color:#f28435;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;transition:all .2s}.onboarding-page .btn-orange:hover{background-color:#cd5d0d;text-decoration:underline}.onboarding-page .welcome-banner{text-align:center;margin-bottom:30px}.onboarding-page .welcome-banner h2{color:#472e0b;font-size:1.1rem}.onboarding-page .speech-bubble{color:#fff;background-color:#f28435;border-radius:12px;margin-top:10px;padding:15px;font-size:.9rem;font-weight:700;display:inline-block;position:relative}.onboarding-page .speech-bubble:after{content:"";border:10px solid #0000;border-top-width:0;border-bottom-color:#f28435;position:absolute;top:-10px;left:20px}.onboarding-page .habits-form{box-sizing:border-box;width:100%;max-width:400px;margin:0 auto}.onboarding-page .question-block{margin-bottom:30px}.onboarding-page .question-block h3{color:#000;text-align:center;margin-bottom:15px;font-size:1.1rem}.onboarding-page .question-block h3 small{color:#666;font-size:.9rem;font-weight:400}.onboarding-page .custom-checkbox{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #f28435;border-radius:10px;align-items:center;min-height:72px;margin-bottom:10px;padding:15px;display:flex}.onboarding-page .custom-checkbox input{accent-color:#f28435;flex-shrink:0;width:18px;height:18px;margin-right:15px}.onboarding-page .custom-checkbox img{object-fit:contain;flex-shrink:0;align-self:center;width:40px;height:auto;max-height:40px;margin-right:15px;display:block}.onboarding-page .custom-checkbox:has(input:checked){background-color:#fdeadd}.onboarding-page .custom-checkbox{align-items:center}.onboarding-page .custom-checkbox input{align-self:center}.onboarding-page .custom-checkbox .label-text{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.onboarding-page .custom-radio{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #f28435;border-radius:10px;align-items:center;min-height:72px;margin-bottom:10px;padding:15px;display:flex}.onboarding-page .custom-radio input{accent-color:#f28435;flex-shrink:0;width:18px;height:18px;margin-right:15px}.onboarding-page .custom-radio img{object-fit:contain;flex-shrink:0;align-self:center;width:40px;height:auto;max-height:40px;margin-right:15px;display:block}.onboarding-page .custom-radio:has(input:checked){background-color:#fdeadd}.onboarding-page .custom-radio .label-text{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.onboarding-page .label-text{align-items:center;font-size:1.1rem;display:flex}.login-page{min-height:100vh;color:1.1rem;background-color:#f5efe1;flex-direction:column;align-items:center;padding:20px;font-family:inter,sans-serif;display:flex}.login-page .lang-switcher{z-index:10;gap:8px;display:flex;position:absolute;top:20px;right:20px}.login-page .lang-switcher button{color:#fff;cursor:pointer;background-color:#84c04c;border:none;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;transition:all .2s}.login-page .lang-switcher button:hover{background-color:#5e8e32;text-decoration:underline}.login-page .lang-switcher button{opacity:.6;padding:8px 12px;font-size:.9rem}.login-page .lang-switcher button:hover{transform:scale(.98)}.login-page .lang-switcher button:active{transform:scale(.95)}.login-page .lang-switcher button.active{opacity:1;color:#fff;background-color:#84c04c}.login-page .logo{width:250px;height:auto;margin:0 auto;display:block}.login-page .login-header{text-align:center;margin-bottom:15px}.login-page .login-header h1{color:#472e0b;font-size:22px}.login-page .mascot-section{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.login-page .speech-bubble{color:#fff;text-align:center;background-color:#f28435;border-radius:12px;padding:10px 15px;font-size:.9rem;font-weight:700;position:relative}.login-page .speech-bubble:after{content:"";border:10px solid #0000;border-top-color:#f28435;border-bottom:0;width:0;height:0;position:absolute;inset:auto auto -8px 30px;transform:none}.login-page .mascot{width:90px;height:auto;margin:0 auto;display:block}.login-page .login-card{background-color:#fff;border:1px solid #f28435;border-radius:15px;width:100%;max-width:350px;padding:25px 20px}.login-page .form-group{flex-direction:column;margin-bottom:15px;display:flex}.login-page .form-group label{color:#472e0b;margin-bottom:5px;font-size:.9rem;font-weight:900}.login-page .form-group input{border:1px solid #ccc;border-radius:8px;padding:12px;font-family:inter,sans-serif;font-size:1.1rem}.login-page .form-group input:focus{border-color:#f28435;outline:none}.login-page .btn-submit{color:#fff;cursor:pointer;background-color:#84c04c;border:none;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;transition:all .2s}.login-page .btn-submit:hover{background-color:#5e8e32;text-decoration:underline}.login-page .btn-submit{border-radius:8px;width:100%;margin-top:10px;font-size:1.1rem}.login-page .signup-link{text-align:center;margin-top:20px;font-size:.9rem;font-weight:700}.login-page .signup-link p{margin:0 0 5px}.login-page .signup-link a{color:#472e0b;text-decoration:none}.login-page .signup-link a:hover{color:#f28435}.quiz-page{background-color:#f5efe1;min-height:100vh;padding:100px 0 80px;font-family:inter,sans-serif}.quiz-card{background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000000d}h2{color:#000;margin-top:0;margin-bottom:20px;font-size:1.1rem;font-weight:900}.question-block{margin-bottom:25px}.question-block p{color:#000;margin-bottom:10px;font-size:.9rem}.btn-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice-btn{color:#fff;cursor:pointer;background-color:#f28435;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.choice-btn:hover{background-color:#cd5d0d;text-decoration:underline}.choice-btn:active{transform:scale(.97)}.choice-btn.active{background-color:#84c04c}.choice-btn{border:none}.radio-group{justify-content:space-around;font-size:.9rem;display:flex}.radio-group label{cursor:pointer;align-items:center;display:flex}.radio-group input{margin-right:8px}.slider{accent-color:#84c04c;width:100%}.slider-value{text-align:center;margin-top:5px;font-weight:700}.footer-step{justify-content:space-between;align-items:flex-end;margin-top:20px;display:flex}.mascot-img{width:60px}.btn-next{color:#fff;cursor:pointer;background-color:#84c04c;border:none;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;transition:all .2s}.btn-next:hover{background-color:#5e8e32;text-decoration:underline}.btn-next{border-radius:8px;padding:10px 30px;font-size:.9rem}.stats-page{background-color:#f5efe1;min-height:100vh;padding:80px 0;font-family:inter,sans-serif}.period-selector button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-weight:700;transition:all .3s}@media (width>=768px){.stats-container{max-width:600px;margin:0 auto}}.stats-page{background-color:#f5efe1;min-height:100vh;padding-bottom:80px;font-family:inter,sans-serif}.main-content{padding:20px}.page-title{color:#472e0b;text-align:center;margin-bottom:20px;font-size:1.1rem}.period-selector{background-color:#fff;border-radius:10px;justify-content:space-between;margin-bottom:20px;padding:5px;display:flex}.period-selector button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-family:inter,sans-serif;font-weight:700;transition:all .3s}.period-selector button.active{color:#fff;background-color:#f28435;box-shadow:0 2px 5px #0000001a}.chart-card{background-color:#fff;border-radius:15px;margin-bottom:20px;padding:20px;box-shadow:0 4px 6px #0000000d}.chart-subtitle{color:#472e0b;margin-top:0;margin-bottom:15px;font-size:12px}.svg-container{aspect-ratio:4/3;width:100%}.line-chart{width:100%;height:100%;overflow:visible}.extra-stats-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px;display:grid}.stat-box{text-align:center;background-color:#fff;border-radius:15px;padding:15px;box-shadow:0 4px 6px #0000000d}.stat-box.full-width{grid-column:span 2}.stat-box h3{color:#472e0b;margin:0 0 10px;font-size:.9rem}.stat-value{color:#84c04c;margin:0;font-size:24px;font-weight:900}.stat-value span{color:1.1rem;font-size:12px;font-weight:400}.mascot-container{justify-content:center;margin-top:20px;display:flex}.mascot{width:90px;height:auto;margin:0 auto;display:block}@media (width>=768px){.stats-container{max-width:600px;margin:0 auto}}.main-nav{z-index:1000;background:#fff;justify-content:center;align-items:center;width:100%;padding:15px 20px;font-family:inter,sans-serif;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 2px 10px #803b0b1a}.main-nav .pictogrammes{justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.main-nav .nav-item{flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.main-nav .nav-text{color:#472e0b;text-align:center;font-size:.7rem;font-weight:700}.main-nav .picto{width:28px;height:auto;transition:all .2s}.main-nav .picto:hover{transform:scale(.92)}.main-nav .picto:active{transform:scale(.85)}.main-nav .lang-switch{gap:5px}.main-nav .lang-switch button{color:#f28435;cursor:pointer;background:#fff;border:1px solid #f28435;border-radius:5px;padding:5px 10px;font-family:inter,sans-serif;font-weight:700}.main-nav .lang-switch button:hover{color:#fff;background:#f28435}.main-nav .logout-btn{color:#fff;cursor:pointer;background-color:#f23535;border:none;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.main-nav .logout-btn:hover{background-color:#cd0d0d;text-decoration:underline}.main-nav .logout-btn{border:none}.main-nav .desktop-only{display:none}@media (width>=768px){.main-nav{justify-content:center;gap:15%;padding:15px 30px;top:0;bottom:auto;box-shadow:0 2px 10px #0000001a}.main-nav .desktop-only{align-items:center;display:flex}.main-nav .lang-switch{order:1}.main-nav .pictogrammes{order:2;justify-content:center;gap:10rem;width:auto}.main-nav .logout-btn{order:3}.main-nav .picto{width:24px}}.top-bar{z-index:100;background:#fff;justify-content:space-around;align-items:center;width:100%;padding:15px 10px;font-family:inter,sans-serif;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 10px #803b0b1a}.top-bar .lang-switch{gap:5px;display:flex}.top-bar .lang-switch button{color:#f28435;cursor:pointer;background:#fff;border:1px solid #f28435;border-radius:5px;padding:5px 10px;font-family:inter,sans-serif;font-weight:700}.top-bar .lang-switch button:hover{color:#fff;background:#f28435}.top-bar .logout-btn{color:#fff;cursor:pointer;background-color:#f23535;border:none;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.top-bar .logout-btn:hover{background-color:#cd0d0d;text-decoration:underline}.top-bar .logout-btn{border:none}@media (width>=768px){.top-bar{top:0;bottom:auto;box-shadow:0 2px 10px #0000001a}}.container-graph{color:#472e0b;background-color:#fff;border-radius:15px;height:350px;margin-bottom:25px;padding:20px}.tabs{background-color:#b8db97;border-radius:20px;justify-content:center;margin-bottom:40px;padding:15px;display:flex}button{color:#fff;cursor:pointer;background-color:#f28435;border:none;border-radius:8px;padding:.8rem;font-family:inter,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}button:hover{background-color:#cd5d0d;text-decoration:underline}button{border:none;margin-right:15px}button.active{background-color:#e5680f}*{box-sizing:border-box;margin:0;padding:0}