body{font-family:Inter,Arial,sans-serif;color:#fff;margin:0;padding:0;background-image:url(/assets/Maisema-C9b7ovNR.jpg)}.container{max-width:500px;margin:30px auto;padding:20px;background:#5c047545;border-radius:12px;box-shadow:0 6px 18px #14143214}header h1{margin:0 0 10px;font-size:28px}.menu{display:flex;gap:12px;align-items:center;margin-bottom:18px}.menu select{padding:8px;border-radius:6px;border:1px solid #ddd}.primary{background:#4f46e5;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.top10{margin-bottom:18px}.question-card{padding:18px;border-radius:10px;border:1px solid #eef;background:linear-gradient(180deg,#fff,#fbfdff)}.question-text{font-size:18px;margin-bottom:12px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-btn{padding:10px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer}.result{margin-top:12px}.save-form{display:flex;gap:8px;margin:8px 0}.save-form input{padding:8px;border-radius:6px;border:1px solid #ddd}.aloitus{gap:10px;display:flex}.aloitus button{padding:10px;width:100px;margin-right:10px;border-radius:8px;border:none;background:#4f46e5;color:#fff;cursor:pointer;align-self:flex-start}.aloitus select{padding:8px;border-radius:6px;border:1px solid #ddd;align-self:flex-start}