.viva-page{font-family:'Poppins',sans-serif;min-height:100vh;padding:1.5rem}.main-content.canvas{background:var(--primary-gradient)}.viva-container{margin:0 auto;min-height:100vh;position:relative;-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg);border-radius:32px 32px 0px 0px}@media (min-width:768px){.viva-container{margin-top:2rem;margin-bottom:2rem;min-height:auto;border-radius:24px;overflow:hidden}}.page-content-menu{position:relative;padding:20px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;font-size:12px}.page-content-menu div{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.page-content-menu .red{color:red}.page-content-menu .listtop{}.page-content-menu .circle{width:20px;height:20px;border:solid 1px;border-radius:50%;border-color:red;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.viva-header{position:relative;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.viva-header.scores{padding:1.5rem 1.25rem 2rem;border-radius:32px 32px 0px 32px}.viva-header.canvas{border-radius:32px 32px 32px 32px}.back-button{position:absolute;top:1.5rem;left:1.25rem;width:40px;height:40px;background:rgba(255,255,255,0.2);border:none;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;backdrop-filter:blur(10px)}.back-button:hover{background:rgba(255,255,255,0.3);-webkit-transform:translateX(-2px);transform:translateX(-2px)}.back-button i{color:#ffffff;font-size:1.1rem}.form-title{text-align:center;color:rgba(255,255,255,0.9);font-size:1.125rem;font-weight:500;margin-bottom:1.25rem;letter-spacing:0.5px}.form-card{background:rgba(255,255,255,0.95);border-radius:20px;padding:1.75rem 1.5rem;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);backdrop-filter:blur(10px);margin-bottom:100px}@media (min-width:768px){.page-content-menu{font-size:16px}.form-card{border-radius:20px 20px 0px 0px;margin-bottom:unset}}.form-label{color:var(--text-dark);font-size:1rem;font-weight:600;line-height:1.6;margin-bottom:0.75rem;display:block}.form-textarea{width:100%;padding:0.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-family:'Poppins',sans-serif;font-size:0.9375rem;resize:vertical;min-height:80px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.form-textarea:focus{outline:none;border-color:#8b5cf6;-webkit-box-shadow:0 0 0 3px rgba(139,92,246,0.2);box-shadow:0 0 0 3px rgba(139,92,246,0.2)}.form-select{width:100%;padding:0.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-family:'Poppins',sans-serif;font-size:0.9375rem;background:#ffffff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.form-select:focus{outline:none;border-color:#8b5cf6;-webkit-box-shadow:0 0 0 3px rgba(139,92,246,0.2);box-shadow:0 0 0 3px rgba(139,92,246,0.2)}.form-group{margin-bottom:1.5rem}.action-bar{position:fixed;bottom:0;left:0;right:0;background:#ffffff;padding:1rem 3.25rem;border-top:1px solid #e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;-webkit-box-shadow:0 -4px 16px rgba(0,0,0,0.08);box-shadow:0 -4px 16px rgba(0,0,0,0.08);z-index:100}@media (min-width:768px){.action-bar{position:relative;border-radius:0 0 24px 24px;border-top:1px solid #e5e7eb;padding:1rem 1.25rem}}.action-button{-webkit-box-flex:1;-ms-flex:1;flex:1;background:var(--orange-primary);border:none;border-radius:14px;padding:1rem 0.75rem;color:#ffffff;font-weight:600;font-size:0.875rem;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 4px 12px rgba(255,107,53,0.25);box-shadow:0 4px 12px rgba(255,107,53,0.25);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem}.action-button:hover{background:var(--orange-secondary);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 16px rgba(255,107,53,0.35);box-shadow:0 6px 16px rgba(255,107,53,0.35)}.action-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.action-button.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.action-button i{font-size:1.25rem}.action-button span{font-size:0.75rem;font-weight:500}.content-spacer{height:90px}@media (min-width:768px){.content-spacer{display:none}}.question-card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;margin-bottom:100px}.question-card{background:rgba(255,255,255,0.95);border-radius:20px;padding:1.75rem 1.5rem;margin:0 1rem;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);backdrop-filter:blur(10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.question-card i{cursor:pointer}.question-text{line-height:1.4;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1rem;overflow-wrap:break-word;-ms-hyphens:auto;hyphens:auto}.qustion-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.viva-option-btn{padding-top:12px;padding-bottom:12px;background:rgba(255,255,255,0.2);color:#ffffff;font-size:10px;font-weight:700}.viva-option-btn:hover{color:#ffffff}.viva-option-btn.active{color:#ffffff!important;border:none}.viva-option-btn:focus{color:#ffffff;border:none}.viva-pl-0{padding-left:0px}@media (min-width:768px){.question-card-header{margin-bottom:unset}.viva-option-btn{font-size:12px}}.search-section{margin-bottom:1.5rem;padding:0 1rem}.search-container{position:relative;max-width:500px;margin:0 auto}.search-input-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-input{width:100%;padding:0.75rem 3rem 0.75rem 2.5rem;border:2px solid rgba(255,255,255,0.3);border-radius:25px;background:rgba(255,255,255,0.9);font-size:0.95rem;font-family:'Poppins',sans-serif;color:var(--text-dark);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;backdrop-filter:blur(10px);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.95);-webkit-box-shadow:0 0 0 3px rgba(255,255,255,0.2);box-shadow:0 0 0 3px rgba(255,255,255,0.2)}.search-input::-webkit-input-placeholder{color:rgba(0,0,0,0.4);font-weight:400}.search-input::-moz-placeholder{color:rgba(0,0,0,0.4);font-weight:400}.search-input:-ms-input-placeholder{color:rgba(0,0,0,0.4);font-weight:400}.search-input::-ms-input-placeholder{color:rgba(0,0,0,0.4);font-weight:400}.search-input::placeholder{color:rgba(0,0,0,0.4);font-weight:400}.search-icon{position:absolute;left:1rem;color:rgba(0,0,0,0.4);font-size:1rem;pointer-events:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.clear-icon{position:absolute;right:1rem;color:rgba(0,0,0,0.4);font-size:1.1rem;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0;pointer-events:none}.clear-icon:hover{color:rgba(0,0,0,0.6);-webkit-transform:scale(1.1);transform:scale(1.1)}.no-results-message{text-align:center;padding:3rem 1rem;color:rgba(255,255,255,0.7);font-size:1rem;background:rgba(255,255,255,0.1);border-radius:15px;margin:0 1rem;backdrop-filter:blur(10px)}.no-results-message i{font-size:2rem;margin-bottom:1rem;display:block;opacity:0.6}@media (max-width:768px){.search-section{padding:0 0.5rem}.search-input{padding:0.6rem 2.8rem 0.6rem 2.5rem;font-size:0.9rem}.search-icon{right:1rem;font-size:0.9rem}.clear-icon{font-size:1rem}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.form-group{-webkit-animation:slideIn 0.4s ease forwards;animation:slideIn 0.4s ease forwards}.form-group:first-child{-webkit-animation-delay:0.1s;animation-delay:0.1s}.form-group:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s}.form-group:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.form-group:nth-child(4){-webkit-animation-delay:0.4s;animation-delay:0.4s}.form-group:nth-child(5){-webkit-animation-delay:0.5s;animation-delay:0.5s}.form-group:nth-child(6){-webkit-animation-delay:0.6s;animation-delay:0.6s}