body{font-family:Karla,sans-serif;display:flex;align-items:center;justify-content:center;margin:0;color:#293264;background-color:#f5f7fb;min-height:100vh;box-sizing:border-box}.intro-section{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;max-width:800px;padding:20px;text-align:center}.title{margin-bottom:0;font-size:3rem}.start-quiz-btn{margin-top:25px;background-color:#4d5b9e;border:none;border-radius:15px;height:52px;width:193px;color:#f5f7fb;font-size:16px;cursor:pointer}.question{font-size:1.55rem;text-wrap:wrap;text-align:center;padding:20px;max-width:90%;margin:0 auto;line-height:1.4}.options-btn-sec button{border:#4d5b9e solid 1px;background-color:transparent;border-radius:10px;min-width:100px;max-width:200px;height:auto;min-height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:12px 15px;white-space:normal;word-wrap:break-word;box-sizing:border-box;overflow-wrap:break-word;text-align:center;line-height:1.3;-webkit-hyphens:auto;hyphens:auto}.options-btn-sec{display:flex;gap:20px;border-bottom:1px solid #dbdef0;padding-bottom:20px;justify-content:center;align-items:center;flex-wrap:wrap;max-width:100%;margin:0 auto}.check-btn,.play-again-btn{margin-top:25px;background-color:#4d5b9e;border:none;border-radius:10px;height:40px;width:150px;color:#f5f7fb;font-size:16px;cursor:pointer;font-weight:600;font-size:.8rem;font-family:Inter,sans-serif}.check-sec{display:flex;justify-content:center;align-items:center}.result{display:flex;align-items:center;justify-content:center;gap:20px}.btn-section{padding-bottom:20px}@media (max-width: 1024px){.title{font-size:2.5rem}.intro-section p{font-size:1.1rem;max-width:85%}.start-quiz-btn{width:180px;height:48px;font-size:15px}.question{font-size:1.4rem;padding:15px}.options-btn-sec{gap:15px;flex-wrap:wrap;max-width:95%}.options-btn-sec button{min-width:140px;max-width:220px;min-height:40px;padding:10px 12px;font-size:14px;word-break:break-word;overflow-wrap:anywhere}}@media (max-width: 1024px) and (max-height: 700px){.intro-section{height:auto;min-height:100vh;padding:10px}.question{font-size:1.3rem;padding:10px;max-width:95%}.options-btn-sec{gap:10px;max-width:90%}.options-btn-sec button{min-width:120px;max-width:180px;min-height:35px;padding:8px 10px;font-size:13px;line-height:1.2}.check-btn{margin-top:15px}}@media (max-width: 768px){body{padding:10px}.intro-section{padding:20px;height:auto;min-height:100vh}.title{font-size:2rem;text-align:center}.intro-section p{font-size:1rem;max-width:90%;text-align:center}.start-quiz-btn{width:160px;height:45px;font-size:14px}.question{font-size:1.2rem;text-wrap:wrap;max-width:95%;margin:0 auto;padding:15px 10px}.options-btn-sec{flex-direction:column;gap:12px;width:100%;max-width:400px;margin:0 auto}.options-btn-sec button{width:100%;max-width:none;min-height:45px;padding:12px 15px;font-size:14px}.check-btn,.play-again-btn{width:140px;height:38px;font-size:14px}.result{flex-direction:column;gap:8px;text-align:center;padding:15px}.result p{font-size:16px;margin:0}}@media (max-width: 480px){.title{font-size:1.8rem}.intro-section p{font-size:.9rem;max-width:95%}.start-quiz-btn{width:150px;height:42px;font-size:13px}.question{font-size:1.1rem;padding:12px 8px}.options-btn-sec{gap:10px;padding-bottom:15px}.options-btn-sec button{min-height:40px;padding:10px 12px;font-size:13px}.check-btn,.play-again-btn{width:130px;height:36px;font-size:13px;margin-top:20px}.result{flex-direction:column;gap:6px;text-align:center;padding:12px}.result p{font-size:15px;margin:0;line-height:1.4}}@media (max-width: 320px){.title{font-size:1.5rem}.intro-section p{font-size:.85rem}.start-quiz-btn{width:140px;height:40px;font-size:12px}.question{font-size:1rem;padding:10px 5px}.options-btn-sec{gap:8px}.options-btn-sec button{min-height:38px;padding:8px 10px;font-size:12px}.check-btn,.play-again-btn{width:120px;height:34px;font-size:12px}.result{flex-direction:column;gap:5px;text-align:center;padding:10px}.result p{font-size:14px;margin:0;line-height:1.3}}