*{box-sizing:border-box}body{background:#f3f6ff;color:#17233b;font-family:system-ui,Arial,sans-serif}.top{background:linear-gradient(110deg,#1e54db,#7437ec);padding:15px clamp(15px,3vw,42px);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.top a{color:white;text-decoration:none;font-weight:700;margin-right:15px}.panel{background:#fff;border-radius:22px;padding:clamp(16px,2.5vw,30px);box-shadow:0 8px 28px #20336612;margin-bottom:20px}.btn{border-radius:12px}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.palette a{padding:12px 5px;text-align:center;border-radius:12px;text-decoration:none;font-weight:700;border:2px solid #cad3e2;color:#24324b}.palette .answered{background:#16a34a;color:white}.palette .review{background:#dc2626;color:white}.palette .active{outline:3px solid #2563eb;outline-offset:2px}.choice{display:block;border:1px solid #d4ddec;border-radius:12px;padding:14px;margin:10px 0;cursor:pointer}.choice:has(input:checked){background:#eaf0ff;border-color:#3b82f6}.login-scene{background:linear-gradient(140deg,#1747b6,#6c37e5,#00a8cf);border-radius:30px;color:#fff;padding:clamp(25px,4vw,55px);min-height:480px;position:relative;overflow:hidden}.orb{position:absolute;width:160px;height:160px;border-radius:50%;background:#ffffff2b;right:-35px;bottom:-35px;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-22px)}}@media(max-width:768px){.login-scene{min-height:280px}.top{padding:12px}}