body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(120deg,#fef6f9,#fff1f1);background-size:200% 200%;animation:gradientMove 12s ease infinite;color:#3e3e3e;transition:background .4s ease}.app-container{max-width:600px;margin:50px auto;background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 24px #694f5d26;animation:fadeInUp .6s ease-out}h1,h2{text-align:center;margin-bottom:20px;color:#694f5d;animation:fadeIn 1s ease-in;transition:transform .3s ease}h1:hover,h2:hover{transform:scale(1.03);color:#efc7c2}.question{font-size:1.3em;margin-bottom:20px;color:#403c3d;animation:fadeIn 1.5s ease}.option{display:block;width:100%;padding:14px;margin:10px 0;border:2px solid transparent;border-radius:10px;background:#ffe5d4;cursor:pointer;text-align:left;font-weight:500;color:#403c3d;transition:all .3s ease;box-shadow:0 2px 6px #0000000d;animation:slideInLeft .5s ease forwards;opacity:0}.option:nth-child(1){animation-delay:.1s}.option:nth-child(2){animation-delay:.2s}.option:nth-child(3){animation-delay:.3s}.option:nth-child(4){animation-delay:.4s}.option:hover{background:#efc7c2;transform:translateY(-2px);box-shadow:0 6px 12px #443a3e1a}.option.selected{background:#a084dc;border:2px solid #8163c6;color:#fff}.nav-buttons{display:flex;justify-content:space-between;margin-top:25px;animation:fadeIn 1s ease-in}.nav-buttons button{padding:10px 24px;border:none;background:#694f5d;color:#fff;border-radius:8px;cursor:pointer;font-size:1em;transition:background .3s,transform .2s;animation:bounceIn .6s ease-in-out}.nav-buttons button:hover{background:#5c4150;transform:scale(1.05)}.nav-buttons button:active{transform:scale(.95)}.nav-buttons button:disabled{background:#c4b4ba;cursor:not-allowed;transform:none}.restart-button{display:block;margin:30px auto 10px;padding:10px 24px;border:none;background:#694f5d;color:#fff;border-radius:8px;cursor:pointer;font-size:1em;transition:background .3s,transform .2s;animation:bounceIn .8s ease-in}.restart-button:hover{background:#5c4150;transform:scale(1.05)}.restart-button:active{transform:scale(.95)}.score{font-size:1.6em;text-align:center;margin:30px 0;color:#a084dc;font-weight:700;animation:pulse 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{transform:scale(.9);opacity:.6}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}