@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Poppins,Segoe UI,Roboto,Arial,sans-serif}#root,body{min-height:100vh}.option-button,.quiz-card,a,button{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:.5px;text-rendering:optimizeLegibility}div,p,span{font-weight:400;line-height:1.6}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.App{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.App:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#ffffff0d 0,#ffffff0d 70px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.app-main{position:relative;z-index:1}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:4px solid #fff3;box-shadow:0 4px 20px #00000026;color:#fff;padding:2.5rem 1rem;position:relative;text-align:center;z-index:2}.app-header:before{content:"📚 ✏️ 📖";left:20px}.app-header:after,.app-header:before{font-size:1.5rem;opacity:.3;position:absolute;top:10px}.app-header:after{content:"🎓 📝 ✨";right:20px}.app-header h1{animation:fadeInDown .6s ease;font-size:2.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-shadow:3px 3px 6px #0000004d}.subtitle{animation:fadeInUp .6s ease;font-size:1.3rem;font-weight:400;letter-spacing:.5px;opacity:.95}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.app-footer{background:linear-gradient(135deg,#2c3e50,#34495e);border-top:3px solid #ffffff1a;color:#fff;font-weight:400;margin-top:auto;padding:1.5rem;position:relative;text-align:center;z-index:2}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app-header h1{font-size:2rem}.subtitle{font-size:1rem}.app-main{padding:1rem .5rem}}@media (max-width:480px){.app-header h1{font-size:1.5rem}.subtitle{font-size:.9rem}}