.language-switcher{width:100%;margin-top:300px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:50px}.language-switcher .flag-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:12px 20px;border-radius:8px;background-color:#f5f5f5;transition:background-color .2s,transform .2s ease-in-out}.language-switcher .flag-option img{width:120px;height:80px;object-fit:cover}.language-switcher .flag-option span{margin-top:10px;font-size:26px;font-weight:700;color:#1d1d1b}.language-switcher .flag-option:hover{background-color:#e2e2e2;transform:scale(1.07)}.language-switcher .flag-option.active{background-color:#d1d1d1}@media (max-width: 768px){.language-switcher{margin-top:300px;flex-wrap:wrap;gap:27px}.language-switcher .flag-option{flex:0 0 45%;justify-content:center;box-sizing:border-box;padding:10px 16px}.language-switcher .flag-option img{width:100px;height:66px}.language-switcher .flag-option span{margin-top:8px;font-size:22px}}@font-face{font-family:Gotham Pro;src:url(/path-to-your-fonts-folder/GothamPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal}.phone-input-container{max-width:400px;margin:40px auto;padding:30px}.custom-font{font-family:Gotham Pro,sans-serif;font-weight:700}.input-field{margin-bottom:20px;font-size:15px;padding:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 10px #00000080;background-color:transparent;color:#000}.input-field::placeholder{color:#ffffffb3}.verify-button{width:100%;height:50px;font-size:20px;background-color:#e2231a!important;border-color:#e2231a!important;border-radius:10px;color:#fff;box-shadow:0 4px 10px #e2231ab3}.verify-button:hover{background-color:#c71e16!important;border-color:#c71e16!important;box-shadow:0 4px 15px #e2231a}.app-container{max-width:1200px;margin:0 auto;padding:20px}.videos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px;justify-content:center;padding:20px 0}.main-video-title{text-align:center;font-size:24px;margin:20px 0 40px;color:#333;font-weight:600;text-transform:uppercase;letter-spacing:1px}.video-section{display:flex;flex-direction:column;align-items:center;margin-top:35px;width:100%}.video-section .video-placeholder{width:100%;max-width:480px;height:320px;background-color:#d9d9d9;border-radius:15px;position:relative;margin-bottom:8px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);padding:12px;box-shadow:0 10px 12px #0000004d}.video-section .video-placeholder .video-player{width:calc(100% - 16px);height:calc(100% - 60px);margin:8px;border-radius:10px;overflow:hidden;background:#000;object-fit:cover;position:relative;z-index:2;box-shadow:0 10px 12px #00000047}.video-section .video-placeholder .video-title{position:absolute;bottom:10px;left:0;right:0;margin:0 auto;font-size:20px;color:#333;padding:14px 0;border-radius:8px;font-weight:800;letter-spacing:.5px;text-align:center;z-index:3}.video-section .video-placeholder:hover{transform:translateY(-7px);box-shadow:0 12px 30px #0003}.video-section .video-placeholder:hover .video-player{box-shadow:0 10px 30px #00000080}.video-section .video-next-button{padding:14px 24px;font-size:17px;border-radius:10px;border:2px solid transparent;font-weight:600;cursor:pointer;color:#fff;transition:all .3s ease-in-out;margin-top:20px;box-shadow:0 4px 12px #00000065}.video-section .video-next-button:hover{background-color:#555;transform:scale(1.08);border-color:#444;box-shadow:0 8px 20px #0000004d}.video-section .video-next-button.disabled{border:none;background-color:#828282;color:#fff}.video-section .video-next-button:not(.disabled){background-color:red;border-color:red}.finish-all-btn{display:block;margin:30px auto;padding:15px 40px;background:#e2231a;color:#fff;border:none;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px #0000004d;letter-spacing:.2px;text-transform:uppercase}.finish-all-btn:hover{background:#c71e16;transform:translateY(-2px);box-shadow:0 8px 20px #c71e1666}.results-summary{background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:30px auto;max-width:600px;text-align:center}.results-summary h3{color:#333;margin-bottom:20px;font-size:22px}.results-summary button{padding:10px 25px;background:#e2231a;color:#fff;border:none;border-radius:8px;font-weight:900;cursor:pointer;transition:background .3s ease;box-shadow:0 4px 12px #0000001a}.results-summary button:hover{background:#c71e16}.results-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;display:flex;justify-content:center;align-items:center;z-index:3000}.results-dialog .dialog-content{background-color:#fff;padding:30px;border-radius:15px;max-width:90%;width:500px;box-shadow:0 15px 40px #0003}.results-dialog .dialog-content .results-list{margin:25px 0}.results-dialog .dialog-content .results-list .result-item{margin-bottom:15px;padding:10px;border-radius:6px}.results-dialog .dialog-content .results-list .result-item.correct{background:#f0fff0;color:#3cb043}.results-dialog .dialog-content .results-list .result-item.incorrect{background:#fff0f0;color:red}.results-dialog .dialog-content .results-list .result-item .question-number{font-weight:700;margin-right:10px}.results-dialog .dialog-content .close-button{padding:12px 30px;border:none;border-radius:8px;background-color:#e2231a;color:#fff;font-weight:900;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.results-dialog .dialog-content .close-button:hover{background-color:#c71e16;transform:scale(1.05)}@media (max-width: 768px){.videos-list{grid-template-columns:1fr;gap:25px}.video-section .video-placeholder{max-width:90%;height:250px;padding:8px}.video-section .video-placeholder .video-player{width:calc(100% - 12px);height:calc(100% - 50px);margin:6px}.video-section .video-placeholder .video-title{font-size:18px;padding:12px 0;bottom:3px}.main-video-title{font-size:20px;margin:15px 0 30px}.video-next-button{font-size:15px;padding:12px 20px}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideVertically{0%{transform:translate(-50%,-50px);opacity:0}20%{transform:translate(-50%);opacity:1}80%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-50px);opacity:0}}.survey-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:54px 12px;box-sizing:border-box;position:relative}.survey-banner{position:sticky;top:12px;background-color:#e2231a;color:#fff;padding:10px 18px;font-weight:700;border-radius:8px;box-shadow:0 4px 14px #00000040;font-size:14px;z-index:100;animation:fadeInSlideUp .4s ease-out}.survey-inline{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center}.questions-container{width:100%;display:flex;flex-direction:column;gap:24px;margin-top:20px}.question-block{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 10px 10px #0000001a;overflow:hidden;border:1px solid #ddd}.question-content{padding:16px;display:flex;flex-direction:column;align-items:center}.question-content .question-image img{width:100%;height:auto;object-fit:cover;margin-bottom:12px;border-radius:0}.question-content .question-text{font-size:16px;font-weight:700;color:#222;text-align:center}@media (max-width: 480px){.question-content .question-text{font-size:15px}}@media (max-width: 360px){.question-content .question-text{font-size:14px}}.answers{display:flex;flex-direction:column;gap:14px;padding:16px;align-items:center}.answers .option{width:72%;max-width:240px;min-height:36px;background-color:#f3f3f3;border-radius:8px;padding:14px;font-size:15px;font-weight:500;color:#000;cursor:pointer;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 5px #00000014;border:2px solid transparent}.answers .option:hover{background-color:#ffdede}.answers .option.selected{background-color:#e2231a;color:#fff;border-color:#e2231a}.answers .option.selected.finished{background-color:#fff!important;color:#222!important;border-color:transparent}.answers .option.selected.finished.correct{border-color:#3cb043;background-color:#f0fff0!important}.answers .option.selected.finished.incorrect{border-color:red;background-color:#fff0f0!important}@media (max-width: 480px){.answers .option{width:85%;font-size:14px;min-height:34px}}@media (max-width: 360px){.answers .option{font-size:13px;padding:8px 10px;width:90%}}.survey-buttons{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.survey-buttons button{padding:10px 18px;font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}@media (max-width: 480px){.survey-buttons button{font-size:13px;padding:8px 14px}}@media (max-width: 360px){.survey-buttons button{font-size:12px;padding:6px 12px}}.survey-buttons button.back-to-video-btn{background-color:#ccc;color:#222}.survey-buttons button.back-to-video-btn:hover{background-color:#aaa}.survey-buttons button.finish-btn{background-color:#e2231a;color:#fff}.survey-buttons button.finish-btn:hover{background-color:#b41c15}.survey-buttons button.finish-btn:disabled{background-color:#999;cursor:not-allowed;opacity:.6}.notification{position:fixed;top:0;left:50%;transform:translate(-50%);font-size:18px;background-color:#f00c;color:#fff;padding:10px 20px;border-radius:8px;animation:slideVertically 6s linear;z-index:2000}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-dialog .dialog-box{background-color:#fff;padding:24px;border-radius:12px;max-width:90%;width:320px;box-shadow:0 8px 24px #0003;text-align:center}.confirm-dialog .dialog-box .dialog-message{font-size:16px;margin-bottom:20px;color:#333;font-weight:500}.confirm-dialog .dialog-box .dialog-buttons{display:flex;gap:12px;justify-content:space-between}.confirm-dialog .dialog-box .dialog-buttons button{flex:1;padding:10px 0;font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.confirm-dialog .dialog-box .dialog-buttons button.continue{background-color:#ccc;color:#222}.confirm-dialog .dialog-box .dialog-buttons button.continue:hover{background-color:#bbb}.confirm-dialog .dialog-box .dialog-buttons button.confirm{background-color:#e2231a;color:#fff}.confirm-dialog .dialog-box .dialog-buttons button.confirm:hover{background-color:#b41c15}.confirm-dialog .dialog-box .dialog-buttons button.confirm:disabled{background-color:#999;cursor:not-allowed;opacity:.6}.results-display{margin-top:20px;padding:15px;border:1px solid #ccc;border-radius:10px;width:90%;max-width:480px;background-color:#f9f9f9}.results-display h3,.results-display .result-item{margin-bottom:10px}.results-display .result-item.correct{color:#3cb043}.results-display .result-item.incorrect{color:red}.results-display .result-item .question-number{font-weight:700}.results-display .result-item .explanation{font-size:14px}.logo{position:absolute;top:10px;right:300px}.logo img{width:150px;height:auto}@media (max-width: 768px){.logo{right:10px;top:10px}.logo img{width:150px}}@media (max-width: 480px){.logo{right:10px;top:10px}.logo img{width:150px}}@media (max-width: 820px){.logo{right:10px;top:10px}.logo img{width:150px}}@media (max-width: 1024px){.logo{right:10px;top:10px}.logo img{width:150px}}body{margin:0;padding:0;font-family:Gotham Pro,Arial,sans-serif;background-color:#fff}h1{text-align:center;margin-top:30px}