*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:radial-gradient(circle at top,#1e1b4b,#020617);font-family:Arial,sans-serif}#root{width:100%}.app{max-width:950px;margin:0 auto;padding:40px 20px 80px}.title{color:#fff;text-shadow:0 0 20px #7b2ff766;margin-bottom:10px;font-size:42px}.subtitle{color:#cbd5e1;margin-bottom:30px;font-size:18px}.question-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#7b2ff759,#00cfff40);border:1px solid #00cfff66;border-radius:20px;margin-bottom:22px;padding:24px;box-shadow:0 20px 50px #00000080}.question-title{color:#fff;margin-bottom:18px;font-size:24px}.options{flex-wrap:wrap;gap:12px;display:flex}.option{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff766,#00cfff4d);border:none;border-radius:12px;padding:12px 16px;font-size:15px;transition:all .2s}.option:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 0 15px #7b2ff799,0 0 25px #00cfff66}.option:active{transform:scale(.95)}.option.selected{background:linear-gradient(135deg,#7b2ff7,#00cfff);box-shadow:0 0 15px #7b2ff7e6,0 0 30px #00cfff99}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#00cfff);border:none;border-radius:14px;width:100%;margin-top:25px;padding:16px 20px;font-size:17px;font-weight:700;transition:all .2s;box-shadow:0 10px 40px #7b2ff780}.submit-btn:hover{transform:translateY(-2px)scale(1.02)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.result-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#7b2ff740,#00cfff33);border:1px solid #00cfff66;border-radius:20px;margin-top:30px;padding:24px;box-shadow:0 20px 50px #00000073}.result-title{color:#fff;margin-bottom:18px;font-size:28px}.result-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.result-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:18px}.result-label{color:#cbd5e1;margin-bottom:8px;font-size:14px}.result-value{color:#fff;font-size:30px;font-weight:700}.result-score{background:linear-gradient(135deg,#7b2ff7,#00cfff)}.result-score .result-label,.result-score .result-value{color:#fff}.result-box+.result-box{margin-top:20px}.result-box h2{letter-spacing:.5px}