@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;align-items:center;justify-content:center}.App{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.quiz-container{background:white;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:50px;max-width:700px;width:100%;animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-title{text-align:center;margin-bottom:10px;font-size:28px;color:#667eea;font-weight:700}.quiz-subtitle{text-align:center;color:#764ba2;font-size:14px;margin-bottom:40px;font-weight:600;letter-spacing:1px}.name-input-section{margin-bottom:40px;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.name-label{display:block;margin-bottom:10px;color:#333;font-weight:600;font-size:16px}.name-input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;font-family:Poppins,sans-serif;transition:all .3s ease;outline:none}.name-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.question-section{margin-bottom:30px}.question-text{font-size:20px;color:#333;margin-bottom:30px;font-weight:600;line-height:1.6}.options-container{display:flex;flex-direction:column;gap:15px}.option-button{padding:18px;border:2px solid #e0e0e0;border-radius:12px;background:white;font-size:16px;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;font-weight:500;text-align:right;direction:rtl;position:relative;overflow:hidden}.option-button:hover:not(.disabled){border-color:#667eea;background:#f8f9ff;transform:translate(-5px)}.option-button.selected{border-color:#667eea;background:#667eea;color:#fff}.option-button.correct{border-color:#10b981;background:#10b981;color:#fff;animation:pulse .6s ease-out}.option-button.incorrect{border-color:#ef4444;background:#ef4444;color:#fff}.option-button.disabled{cursor:not-allowed;opacity:.7}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.result-section{text-align:center;animation:slideIn .6s ease-out}.result-icon{font-size:60px;margin-bottom:20px}.result-text{font-size:24px;color:#10b981;margin-bottom:10px;font-weight:700}.result-message{font-size:16px;color:#666;margin-bottom:30px}.user-name{color:#667eea;font-weight:700}.redirect-message{color:#764ba2;font-size:14px;margin-top:20px;animation:blink 2s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.6}}.floating-element{position:fixed;border-radius:50%;opacity:.1;pointer-events:none;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}.float-1{width:100px;height:100px;background:#667eea;top:10%;left:5%;animation-delay:0s}.float-2{width:80px;height:80px;background:#764ba2;top:70%;right:10%;animation-delay:2s}.float-3{width:120px;height:120px;background:#667eea;bottom:10%;left:15%;animation-delay:4s}@media (max-width: 600px){.quiz-container{padding:30px 20px}.quiz-title{font-size:24px}.question-text{font-size:18px}.option-button{padding:15px;font-size:15px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}