:root{--bg-gradient:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--primary-color:#7b2cbf;--primary-hover:#9d4edd;--text-main:#240046;--card-bg:#fff;--shadow:0 8px 30px #7b2cbf1a}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-main);justify-content:center;align-items:center;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.app-container{box-sizing:border-box;width:100%;max-width:500px;padding:20px}.quiz-card{background:var(--card-bg);box-shadow:var(--shadow);text-align:center;border:1px solid #7b2cbf1a;border-radius:24px;padding:40px 30px}.quiz-title{color:var(--text-main);margin-bottom:24px;font-size:28px;font-weight:800}.quiz-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:16px 32px;font-size:18px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #7b2cbf4d}.quiz-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.quiz-btn:active{transform:translateY(0)}.quiz-input{width:100%;color:var(--text-main);box-sizing:border-box;background-color:#f8f9fa;border:2px solid #7b2cbf26;border-radius:12px;margin-bottom:16px;padding:14px 20px;font-size:16px;transition:all .2s}.quiz-input:focus{border-color:var(--primary-color);background-color:#fff;outline:none;box-shadow:0 0 10px #7b2cbf1a}.tab-container{background-color:#7b2cbf0f;border-radius:14px;margin-bottom:24px;padding:6px;display:flex}.tab-btn{color:var(--primary-color);cursor:pointer;background-color:#fff;border:none;border-radius:16px;width:100%;padding:16px 32px;font-size:18px;font-weight:600;transition:all .2s;box-shadow:0 4px 10px #0000000d}.tab-btn.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #7b2cbf4d}